如何设置formik值

问题描述

index.js

const [request,setRequest] = useState({
    product_name: '',categoryId: '',description: '',link: ''
});

const loadRequest = async () => {
    const res = await Axios.get(`http://localhost:3001/dashboard/${id}`,{
        headers: headers
    });
    let _request = res.data.response
    setRequest({
        product_name: _request.product_name,categoryId: _request.categoryId,description: _request.description,link: _request.link
    })
};

const validationSchema = Yup.object({
    product_name: Yup.string().trim().required('Product name is required'),description: Yup.string().trim().required('Description is required'),category: Yup.string().required('Category is required')
});

const formik = useFormik({
    initialValues: request,onSubmit: handleSubmit,validationSchema: validationSchema
});
console.log(formik.values)  =====>>> Here I am not getting data
console.log(request)  ==========>>> Here I am getting data

我在请求状态下获取值，但是当我在Formik中将值设置为初始值时，它没有显示数据。有人可以告诉我我在这里想念什么吗？

解决方法

仅添加了enableReinitialize：true，就可以了