Formik-如何從組件的道具中設置輸入字段值？

Question

我正在使用Formik作為我的表單。
其中一個輸入應該由props值填充。
我該怎么做？
這是我的方法：

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

但它很可能會干擾Formik ，這就是它不起作用的原因。
什么是正確的解決方案？

謝謝！

Answer 1

您可以在 initialValues 中注入 props 值。

將 enableReinitialize 設置為 true。 所以當 props 改變時 Form 會被重新填充。

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

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

 />