Javascript 当存在自定义组件时,Formik resetForm()不会重置整个表单

Javascript 当存在自定义组件时,Formik resetForm()不会重置整个表单,javascript,formik,formik-material-ui,Javascript,Formik,Formik Material Ui,我正在使用Formik和formikmaterialui来处理我的表单。 在其中一个表单中,我包含一个CustomFileUpload组件: 从“React”导入React; 进口{ 输入, FormControl, }来自“@材料界面/核心”; const CustomFileUpload=(道具)=>( { const file=event.currentTarget.files[0]; props.form.setFieldValue(props.field.name,文件); }, }}

我正在使用Formik和formikmaterialui来处理我的表单。 在其中一个表单中,我包含一个CustomFileUpload组件:

从“React”导入React;
进口{
输入,
FormControl,
}来自“@材料界面/核心”;
const CustomFileUpload=(道具)=>(
{
const file=event.currentTarget.files[0];
props.form.setFieldValue(props.field.name,文件);
},
}}
/>
);
导出默认CustomFileUpload;
尽管my form读取其值,并且可以通过以下testSubmit函数访问该值,但调用函数时,my CustomFileUpload component字段处理的字段是唯一一个未被重置的字段

consttestsubmit=(值,{resetForm})=>{
console.log(值);
resetForm();
};
如果可能有用,在删除所有“工作字段”时,我的Formik组件就是这样的:

{
testSubmit(值,{resetForm});
}}
>
{({submitForm,isSubmitting})=>(
提交
)}

有人知道为什么可以通过
console.log(values)
访问
cover
值,但不能通过
resetForm()
重置吗?

我已经遇到了这个问题。您是否尝试传递值以精确输入

{({ submitForm, isSubmitting, values }) => (
    <div className="flex">
        <Form>
            <Field
                component={CustomFileUpload}
                label="Cover image"
                name="cover"
                value = { values.cover || "" } <-- insert this
            />
{({submitForm,isSubmitting,values})=>(