React 抛出 Invalid hook call 错误，这是为什么呢？答案

【问题标题】：React throws Invalid hook call error, why is that?React 抛出 Invalid hook call 错误，这是为什么呢？
【发布时间】：2021-03-20 12:15:02
【问题描述】：

import React, { useState } from 'react';

const Contact = () => {
 const [data] = useState({
    fullname: '',
    //More data here
 });
 const formSubmit = () => {
    // Some more Code
 };
 return (
    <>
     <form onSubmit={formSubmit}>
        <div class="mb-3">
            <label for="exampleFormControlInput1" class="form-label">
                  Full Name
            </label>
            <input
               type="text"
               class="form-control"
               id="exampleFormControlInput1"
               name="fullname"
               value={data.fullname}     
               //onChange={InputEvent}
               placeholder=" Your name"
               required
            />
        </div>
     </form>
    </>
 );
}

我想在值中使用全名，我做了data.fullname 这有什么问题，为什么会出现 Invalid Hook call 错误。

注意：- 我已经评论过 Onchange 这件事与钩子无关，而且 OnSubmit 有更多代码。

【问题讨论】：

它运作良好。 codesandbox.io/s/eager-lewin-u216i ..
@prasanth 在 VScode 中不起作用，你知道我的 VS 代码编辑器或其他什么问题吗
您的退货声明已开始 ( 但没有结束 )
@theTradeCoder 更新：- 返回结束标签添加它在代码中，但我忘了在这里添加。
您的代码运行良好 - 问题来自其他地方...

标签： reactjs react-hooks react-hook-form

【解决方案1】：

我使用了react@v17.0.1 和react-dom@v17.0.1，就像错误中所说的You might have mismatching versions of React and the renderer (such as React DOM) 一样，所以将您的react 和react-dom 都更新到最新版本，一切都会好起来的

【讨论】：

我的 react@v17.0.1 和 react-dom@v17.0.1 以及 react-router-dom@v5.2.0 正如你提到的 react 和 react-dom 版本是相同的。我现在该怎么办？
what?hahaha，然后发生了其他事情，您可以尝试再次删除node_modules/ 和npm install，看看node_modules 目录中是否有问题，您可以粘贴您的package.json内容？
是的，这可能是一个解决方案，重新安装/更新节点模块
@NikkoKhresna 我创建了一个新项目并将我的代码文件复制到那里，但我仍然遇到同样的错误。我该怎么办？
在终端尝试echo $NODE_PATH，它会给你什么？