Formik TypeError：无法读取未定义的属性“submitForm”答案

【问题标题】：Formik TypeError: Cannot read property 'submitForm' of undefinedFormik TypeError：无法读取未定义的属性“submitForm”
【发布时间】：2020-08-18 17:09:50
【问题描述】：

我正在使用 this 示例中的 useFormikContext（我正在使用 NextJS），但我得到的错误是“TypeError：无法读取未定义的属性 'submitForm'”。我使用的Formik版本是2.1.5

这是我的组件的一些代码：

import React, { useEffect, useState, useContext } from 'react'
import { useFormikContext, Formik } from 'formik'

import './projects.css';

const ProjectForm = ({ project, ...rest }) => {
  const classes = useStyles()
  const [isSaved, setIsSaved] = useState()
  const { submitForm } = useFormikContext()
  
  .
  .
  .
}

【问题讨论】：

这可能是问题吗？从那里的文档：“因此，这个钩子只有在有一个可以从中提取的父 Formik React 上下文时才起作用”source
不，我无法修复它。它这么说，但它说它会显示警告，而不是错误。

标签： reactjs next.js formik

【解决方案1】：

我遇到了同样的错误。原来我在Formik Form组件之外使用了一个按钮组件。

【讨论】：