Reactjs Formik-如何从组件的道具设置输入字段值?

Reactjs Formik-如何从组件的道具设置输入字段值?,reactjs,formik,Reactjs,Formik,我正在使用Formik作为我的表单。 其中一个输入应该由props值填充。 我怎么做? 这是我的方法: <input type="text" id="country" readOnly value={props.countryCode} // {...formik.getFieldProps("country")} /> 但它很可能会干扰Formik,这就是它不起作用的原因。 正确的解决方案是什么 谢谢大家! 您可以在in

我正在使用Formik作为我的表单。 其中一个输入应该由props值填充。 我怎么做? 这是我的方法:

<input
     type="text"
     id="country"
     readOnly
     value={props.countryCode}
     // {...formik.getFieldProps("country")}
 />    
但它很可能会干扰Formik,这就是它不起作用的原因。 正确的解决方案是什么


谢谢大家!

您可以在initialValues中插入props值

将enableReinitialize设置为true。所以当道具改变时表单会重新填充


您可以在initialValues中插入props值

将enableReinitialize设置为true。所以当道具改变时表单会重新填充


是否将此导入另一个组件并添加?是否将此导入另一个组件并添加?
<Formik
    initialValues={{ country: props.countryCode }}
    enableReinitialize={true}
 />

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

 />