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