福米克 | 错误 useFormikContext formik 值未定义

Question

我有以下代码：

const {
     values,
     handleChange,
     setFieldValue,
     handleSubmit,
     isSubmitting,
     isValid 
} = useFormikContext();

我在 const comp 中有 formik 形式

const Body = () => {
 ...
 return(
 <Formik
   ....
   ....>
   {props=>{

     <Form>
       ... then some fields here... etc
       ...
       ...
     </Form>

    }}

 </Formik>
}

它给了我这个错误：

类型错误：无法解构“Object(...)(...)”的属性“values”，因为它未定义。

我也检查了这个问题： Formik 2.0.1 useFormikContext formik values undefined

但是它甚至在 Body 中编写 useFormikContext() 也不起作用

Answer 1

这个钩子只有在有一个可以从中拉取的父 Formik React Context 时才有效。

来源

确保您在<Formik>的后代中使用useFormikContext像这样：

<Formik>
  <Form>
    <MyApp />
  </Form>
</Formik>

// MyApp.jsx

const MyApp = () => {
  const formik = useFormikContext();

  // do what you want with formik
}

Answer 2

我有以下代码：

const {
     values,
     handleChange,
     setFieldValue,
     handleSubmit,
     isSubmitting,
     isValid 
} = useFormikContext();

而且我在const comp里面有formik形式

const Body = () => {
 ...
 return(
 <Formik
   ....
   ....>
   {props=>{

     <Form>
       ... then some fields here... etc
       ...
       ...
     </Form>

    }}

 </Formik>
}

它给了我这个错误：

TypeError：无法解构“ Object（...）（...）”的属性“ values”，因为它是未定义的。

我还检查了以下问题： Formik 2.0.1 useFormikContext formik值未定义

但是，即使在主体中编写useFormikContext（），它也无法正常工作