【问题标题】:How to set formik values如何设置formik值
【发布时间】:2021-02-10 01:18:48
【问题描述】:

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 中设置初始值时,它没有显示数据。有人能告诉我我在这里缺少什么吗?

【问题讨论】:

    标签: javascript reactjs react-redux formik yup


    【解决方案1】:

    刚刚添加了 enableReinitialize: true 并且有效

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2022-08-13
      • 1970-01-01
      • 2019-07-21
      • 1970-01-01
      • 2020-11-08
      • 2022-08-06
      • 2021-03-08
      相关资源
      最近更新 更多