Formik / error useFormikContext formik值未定义

Question

我有以下代码：

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

我有一个const comp里面的表单

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

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

    }}

 </Formik>
}

它给了我这个错误

TypeError:无法分解“Object(.)(.)”的属性值因为它是没有定义的。

我也检查过这个问题：Formik 2.0.1 useFormikContext formik值未定义

然而，它甚至无法在体内编写useFormikContext()

Answer 1

只有在存在父Formik可以从中提取的Formik React上下文的情况下，此钩子才能工作。

来源

请确保在useFormikContext的后代中使用<Formik>，如下所示：

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

// MyApp.jsx

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

  // do what you want with formik
}