在formik中设置值可以通过使用formik提供的setFieldValue函数来实现。setFieldValue函数接受两个参数,第一个参数是字段的名称,第二个参数是要设置的值。
例如,假设我们有一个表单字段名为"username",我们可以使用setFieldValue来设置它的值:
import { useFormik } from 'formik';
const MyForm = () => {
const formik = useFormik({
initialValues: {
username: '',
},
onSubmit: values => {
console.log(values);
},
});
const handleSetValue = () => {
formik.setFieldValue('username', 'example');
};
return (
<form onSubmit={formik.handleSubmit}>
<input
type="text"
name="username"
value={formik.values.username}
onChange={formik.handleChange}
/>
<button type="submit">Submit</button>
<button type="button" onClick={handleSetValue}>Set Value</button>
</form>
);
};
在上面的例子中,我们定义了一个表单字段"username",并使用formik的setFieldValue函数在点击"Set Value"按钮时将其值设置为"example"。注意,我们还需要使用formik的handleChange函数来处理输入框的变化。
formik是一个流行的React表单库,它提供了许多方便的功能来处理表单的状态和验证。更多关于formik的信息和使用方法可以参考腾讯云的相关产品formik的介绍页面:formik产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云