为什么我收到错误: Invalid Hook Call？
收到错误 "Invalid Hook Call" 是因为在使用 React 的 Hooks 时出现了错误的调用方式。Hooks 是 React 16.8 版本引入的一种新特性，它允许在函数组件中使用状态和其他 React 特性，而不需要编写类组件。
出现 "Invalid Hook Call" 错误的原因可能有以下几种情况：
- Hooks 只能在函数组件的顶层调用，不能在循环、条件语句或嵌套函数中调用。确保你在函数组件的最顶层使用 Hooks。
- Hooks 必须在 React 函数组件或自定义 Hook 中调用，不能在普通的 JavaScript 函数中调用。确保你在正确的地方使用 Hooks。
- 如果你在条件语句中使用了 Hooks，确保条件分支的每个分支都调用了相同的 Hooks，以保持渲染顺序的一致性。
- 如果你在循环中使用了 Hooks，确保循环的每次迭代都调用了相同的 Hooks，以保持渲染顺序的一致性。
- 如果你在自定义的 JavaScript 函数中调用了 Hooks，确保你已经将该函数转换为 React 组件或自定义 Hook。
如果你仍然无法解决 "Invalid Hook Call" 错误，可以检查你的 React 和 React-DOM 版本是否匹配。确保你的 React 和 React-DOM 版本是相同的，并且都是 16.8 版本或更高版本。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我收到了一个未定义的无法读取的属性。我正在尝试分解道具，但我需要钩子调用。有没有办法在函数中解构道具，或者用其他方法来解决这个问题？
浏览 19提问于2020-09-15得票数 1
回答已采纳
我正在发送一个按钮点击的redux操作。当按钮被单击时，我收到错误消息“无效的钩子调用。钩子只能在函数组件的主体内调用。”我可以在页面呈现上调度相同的操作，它工作得很好。我还有其他的动作被分派给onClick，但是这个动作不起作用。
浏览 63提问于2021-10-01得票数 0
我是React的新手，目前正在将一个功能组件更改为一个类，但是我收到了以下错误： 错误:无效的挂钩调用。钩子只能在函数组件的主体内调用。
浏览 17提问于2020-04-24得票数 0
回答已采纳
我尝试在每个答案有效负载上载到服务器时显示进度或加载条，并在整个任务完成时显示成功消息。以下是我的代码，但我得到了错误消息Invalid hook call.还要注意，getOfflineSavedAnswers是一个导入的函数，因此我不能在这里将其设置为函数。但是我引入了这个钩子，因为我希望在每个答案有效负载上载到服务器时显示进度条或加载条，并在整个任务完成时显示一条成功消息
浏览 1提问于2021-08-06得票数 0
1回答
不使用样式组件
、、
我将这个导航条组件导入到一个天文文件中，该组件显示在页面上，但是来自styled-component的样式不起作用，它在我的代码编辑器中抛出了一个错误，它说：
Warning: Invalid hookcall.
浏览 12提问于2022-09-13得票数 0
回答已采纳
我正在用Formik和Yup库在react中构建一个基本的表单。表单包含两个字段，电子邮件和密码；这两个字段应从user获取值并在控制台中打印出来。现在我面临的问题是钩子调用错误，即使我在代码中没有使用任何钩子！我已经对这个错误做了研究，并尝试了它提出的所有可能的方法。现在还没什么用。我只运行了react的一个版本，据我所知，我也没有违反钩子规则。有没有人能帮我找出这里的问题？
浏览 44提问于2020-06-07得票数 2
我正在尝试从Material-UI创建一个文本字段，用于更新类组件中的状态。有些地方不对劲，它返回“无效的钩子调用”错误。Material-UI必须始终与React Hooks一起使用吗?
浏览 1提问于2019-07-08得票数 0
回答已采纳
我尝试在两个单选按钮上使用state，这两个单选按钮在您选择每个按钮时呈现不同的表单，但是当我尝试添加一个map来咨询地址时，出现了这个无效的钩子调用，我不知道如何解决这个问题。
浏览 4提问于2021-02-05得票数 0
在当前玩家使用此代码退出后，我正在尝试结束基于双人回合的游戏： completionHandler:nil
然而，我收到错误:由于未捕获异常'NSInvalidArgumentEx
浏览 3提问于2014-06-04得票数 2
import React from 'react'import SearchIcon from '@material-ui/icons/Search';
return ( <h1>header</h1>
<div className="header-input"&
浏览 5提问于2021-07-07得票数 0
当我在我的应用程序上使用钩子时，我得到了的错误:无效的钩子调用。我不知道为什么要得到这个错误，因为我认为它是在函数组件中调用的？Server ErrorSee https://reactjs.org/link/
浏览 3提问于2021-01-17得票数 2
回答已采纳
1回答
我正在开发一个Google Drive API public class DriveCommandLine {
private static String CLIENT_ID我在开发人员控制台上仔细检查了client_
浏览 1提问于2015-05-18得票数 0
1回答
我在组件库旁边有一个Gatsby站点。在运行Gatsby站点时，我收到了一个“无效的钩子调用”错误，并且添加了一个类似于建议的here的Webpack别名解决了这个问题。现在，在使用Jest和react-testing-library运行测试时，我得到了一个类似的“无效钩子调用”错误 Error: Uncaught [Error: Invalid hook call.at reportException (/Users&#x
浏览 5提问于2020-08-23得票数 3
2回答
当我尝试在模块中使用React Hooks时，我将其用作依赖项，但失败了。我收到以下错误：但是如果我使用基于类的组件，这是可以的。为什么会发生这种情况呢？下面是我的package.json的摘录 "main": "dist/ind
浏览 0提问于2019-10-11得票数 4
在连接了三个表之后，我无法调用"shipment“表中的"shipping_id”列。我尝试了重新排序我的连接和其他调用列的方法 SELECT shipment.shipping_id (date_of_delivery-order_date) AS "Length of Deliveryorders.shipping_id = shipment.shipping_id ON inventory.product_id = orders.product_id 如果
浏览 58提问于2019-04-30得票数 0
回答已采纳
我有一个组件，它使用另一个组件作为呈现器。但是，React不允许我在呈现器组件中使用钩子，因为它会引发以下错误：class DisplayComponent extends Component {
const [testState, setTestState] = useState(); //
浏览 1提问于2021-12-15得票数 1
回答已采纳
我正在使用react-toastify，但是它抛出了一个关于"Invalid Hook Call“的错误。下面是我的代码： ? 下面是我的错误： ? 有人能帮我吗？
浏览 29提问于2021-11-20得票数 0
这是我的密码：这是手淫： console.log(Lang.getLocale())这是我的职责： static getLocale() { }但我知道这个<e
浏览 7提问于2022-01-13得票数 0
回答已采纳
我正在用nextjs构建一些网页，我需要确保只有在用户通过身份验证的情况下才能访问某些页面，如下所示： import UserManager from "..DashboardHomePage.routePath = "/dashboard/home";
export default EnsureAuthenticated(); 不幸的是，在NextJS中编译后，我一直收到这个错误Error: Invalid hook
浏览 14提问于2021-07-02得票数 0
我不知道为什么在运行测试之后会收到这个错误。 23 |> 25 | const [displayElement, setDisplayedElement你知道为什么会发生这个错误吗？我在我的项目中只有一个反应
$ npm ls r
浏览 2提问于2021-03-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
