reactjs - 福米克 |错误 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

This hook will only work if there is a parent Formik React Context from which it can pull from.

Source
确保您使用的是 useFormikContext在 <Formik> 的后代中像这样的东西:

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

// MyApp.jsx

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

  // do what you want with formik
}