在 Formik 字段中要控制的类型文本的不受控制输入

Question

您好，我正在使用 Formik 和 Yub 库来验证表单。我被困在不受控制的文本输入中

一开始我有初始值的问题，我在 Formik 中用 enableReinitialize={true} 修复了。但现在用 Field。文档上说 Field 可以自动注入 onChnange 需要 props 来输入 here

所以我喜欢这个

import { Formik, Form, Field } from 'formik';

<Formik
            initialValues={intialData}
            validationSchema={validationRules}
            onSubmit={e=>console.log(e)}
          >
            {({ errors, setFieldValue, setFieldTouched, values, handleChange }) => (
         <Form>
         <Field name="name" value={data.name} /> //i have tried explicitly added type="text"   
          {error.name ? errors.name: ''}
        </From>
           )}
      </Formik>

我没有使用 onChange 因为 Field 会自动注入。但是通过这样

  <Field name="name" value={data.name} />

我无法在字段上编辑显示不受控制的错误，所以我这样尝试

  <Field name="name" defaultValue={data.name} /> // without giving onchange this also cant edit 

so I tried like this 

<Field name="name" defaultValue={data.name||""}/> // its working but the warning about uncontrolled input not going away

如何解决 Formik 领域中不受控制的问题。我做对了吗？

Answer 1

初始值是我用这个

解决的问题

在 Formik 字段中要控制的类型文本的不受控制输入

Uncontrolled input of type text to be controlled In Fomik Feild

formik