【发布时间】: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