useForm 和react-hook-form 在我与NextJs 一起使用时出现问题

Question

我正在 NextJs 中编码，我需要使用“useForm”，但它不断给出错误......“无法解析“react-hook-form”。”请帮忙。

import React from "react";
import { useForm } from "react-hook-form";

function Presignup() {
  const {
    register,
    handleSubmit,
    formState: { errors },
  } = useForm;
  const submitHandler = (i) => {
    {
      console.log(i);
    }
  };

Answer 1

也许我迟到了回答这个问题 获取您使用安装的react-hook-form

版本

npm install react-hook-form

就我而言，它是版本 7.34.2

在您的项目的根目录...打开package.json并进入依赖项对象，添加

"react-hook-form": "7.34.2"

然后在

项目根目录下的终端中运行

npm install

这对我有用

Answer 2

这应该很简单，尝试这个解决方案：

1. 尝试去

   package.json

   ，看看里面是否已经有

   react-hook-form

   库。

如果你有：

2. 在目录终端上运行

   yarn

   或

   npm install

如果你没有：

2. 运行

   yarn add react-hook-form

   或

   npm install react-hook-form

Answer 3

我遇到了同样的问题，我找到了解决方案，试试这个：

1. 卸载

   node_modules

2. 卸载后，将

   npm i

   粘贴到终端中
3. 享受:)

如果按照我的步骤后仍然出现同样的问题，请尝试 重新安装 Node.js

Answer 4

要在下一个js中使用React Hook表单，您需要创建一个组件并将该组件导入到page.jsx中。就我而言，我使用 next.js 应用程序路由，对于注册功能，我创建了一个名为 Login.jsx 的组件名称（您可以命名任何您想要的名称）并将其导入您的登录路由中，例如导入登录名。 jsx 在 Login/page.jsx 中。

重要提示：在文件顶部将组件和页面定义为“用户客户端”。就我而言，我在 Login.jsx 组件和 Login/page.jsx 文件中使用了“用户客户端”。