Question

我正在使用 node.js mySql 创建一个 CRUD Web 应用程序并做出反应。我有一个可通过创建新行来编辑的表。我选择了 Formik 来处理这个问题。

我用这个命令来安装它： npm install formik

但是当我创建 JSX 结构并运行程序以检查一切正常时，它在浏览器中显示一个错误说

"Error: Invalid hook call. Hooks can only be called inside of the body of a function component".

import React from "react";
import { Formik, Field, Form } from 'formik';


function CreateRow() {

    return (
        <div className="form">
            <Formik>
                <Form>
                    <Field placeholder="Enter value..."/>
                </Form>
            </Formik>
        </div>
    );
}

export default CreateRow

我就是想不通是什么问题。我尝试重新安装 Formik，但没有成功。当我删除 div 中的 import 语句和 Formik 标记时，不会出现此错误，因此我没有在其他任何地方使用无效挂钩。我希望有人能帮助我

Answer 1

通常问题在于您以错误的方式导入它。你应该这样做：

import CreateRow from './path/to/file'

在你导入的文件中，你确定是这样的吗？

使用 Formik 会导致我的 Web 应用程序出现问题

1 个答案: