useFormik React - 更新初始值
useFormik React - Update initialValues
我正在使用 useFormik 挂钩进行数据处理。添加数据很好,但是当我想更新同一组件中的数据时,我需要将初始值更改为自定义对象,而不是空字符串。是否有使用 useFormik Hook 的 formik 方法?虽然我可以通过状态实现这一点,但是一直使用 formik 的好处是什么。
请帮忙!
const formik = useFormik({
initialValues: {
name: '',
post: '',
contact: '',
email: '',
password: '',
},
onSubmit: values => {
//handling submit
},
});
表格:
<form className={classes.form} onSubmit={formik.handleSubmit}>
<Grid container spacing={2}>
<Grid item xs={12} sm={6}>
<TextField
autoComplete="name"
variant="outlined"
required
fullWidth
label="Name"
autoFocus
id="name"
name="name"
onChange={formik.handleChange}
value={formik.values.name}
/>
</Grid>
<Grid item xs={12} sm={6}>
<TextField
variant="outlined"
required
fullWidth
label="Post"
autoComplete="post"
id="post"
name="post"
onChange={formik.handleChange}
value={formik.values.post}
/>
</Grid>
//Submit button and form close etc
谢谢
我找到的解决方案是:
对于一个字段
const editEmployee = ()=> {
formik.setFieldValue("name","Imran");
alert("changed")
}
对于多个:
formik.setValues({"name":"hey","post":"hoii"});
或发送整个对象
我正在使用 useFormik 挂钩进行数据处理。添加数据很好,但是当我想更新同一组件中的数据时,我需要将初始值更改为自定义对象,而不是空字符串。是否有使用 useFormik Hook 的 formik 方法?虽然我可以通过状态实现这一点,但是一直使用 formik 的好处是什么。 请帮忙!
const formik = useFormik({
initialValues: {
name: '',
post: '',
contact: '',
email: '',
password: '',
},
onSubmit: values => {
//handling submit
},
});
表格:
<form className={classes.form} onSubmit={formik.handleSubmit}>
<Grid container spacing={2}>
<Grid item xs={12} sm={6}>
<TextField
autoComplete="name"
variant="outlined"
required
fullWidth
label="Name"
autoFocus
id="name"
name="name"
onChange={formik.handleChange}
value={formik.values.name}
/>
</Grid>
<Grid item xs={12} sm={6}>
<TextField
variant="outlined"
required
fullWidth
label="Post"
autoComplete="post"
id="post"
name="post"
onChange={formik.handleChange}
value={formik.values.post}
/>
</Grid>
//Submit button and form close etc
谢谢
我找到的解决方案是: 对于一个字段
const editEmployee = ()=> {
formik.setFieldValue("name","Imran");
alert("changed")
}
对于多个:
formik.setValues({"name":"hey","post":"hoii"});
或发送整个对象