在使用Formik时,如果API返回的数据没有填充输入字段,可以通过以下方式解决:
import { Formik, Form, Field } from 'formik';
const initialValues = {
// 初始化表单字段的初始值
name: '',
email: '',
};
function MyForm() {
return (
{
// 处理提交逻辑
console.log(values);
}}
>
);
}
import { Formik, Form, Field } from 'formik';
function MyForm() {
return (
{
// 处理提交逻辑
fetch('api/data')
.then(response => response.json())
.then(data => {
// 使用API返回的数据来更新输入字段的值
setValues(data);
});
}}
>
);
}
通过这两种方式,你可以确保API返回的数据正确地填充到Formik的输入字段中。