Question

我正在使用Formik作为表单。
输入之一应该由props值填充。
我该怎么办？
这是我的方法：

<input
     type="text"
     id="country"
     readOnly
     value={props.countryCode}
     // {...formik.getFieldProps("country")}
 />

但是它很可能干扰Formik，这就是为什么它不起作用的原因。什么是正确的解决方案？

谢谢！

Answer 1

您可以将属性值插入initialValues中。

将enableReinitialize设置为true。因此，当道具发生变化时，Form会重新填充。

<Formik
    initialValues={{ country: props.countryCode }}
    enableReinitialize={true}
 />

 <input
     type="text"
     id="country"
     readOnly
     value={values.country}

 />

Formik-如何从组件的props设置输入字段值？

1 个答案: