React应用里Invalid hook call错误消息的处理

今天我做React开发时，遇到如下的错误消息：

Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

You might have mismatching versions of React and the renderer (such as React DOM)
You might be breaking the Rules of Hooks
You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

这个错误输出已经提醒了我，出错误的代码在我的应用程序MyApp.jsx里：

原来是我这段const变量初始化代码写到function外部了：

将其移至内部后错误消失：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

React应用里Invalid hook call错误消息的处理相关推荐

Visual Studio Code里关于ESLint的错误消息
我使用Visual Studio Code打开一个nodejs项目时,遇到这个错误消息: Failed to load the ESLint library for the document 按照其提 ...
如何自行分析SAP WebClient UI开发环境里抛出的错误消息根源
In this blog I will demonstrate how I resolve the error message "endless binding loop" rai ...
使用 http-proxy 代理 HTTP 请求时遇到的 the requested url is invalid 错误消息
使用如下代码创建 HTTP 代理服务器: const http = require('http'); const httpProxy = require('http-proxy');const tar ...
使用SAP WebIDE消费API Portal里创建的API时的错误消息
我使用API portal创建好一个新的API之后,在SAP云平台Neo环境里创建必备的Destination,使得WebIDE可以通过这些Destination,访问SAP API Portal的d ...
从 SAP WebIDE 里向Github 发起 push 的错误消息 - Git result: REJECTED_NONFASTFORWARD
Created by Wang, Jerry on May 27, 2016 错误消息:Git result: REJECTED_NONFASTFORWARD 下面这个问题提交不了的问题是因为提交时在 ...
自定义的类型转换器中怎样自定义错误消息？(待解答)
1.HTTP没有"类型"的概念,每一项表单输入只可能是一个字符串或一个字符串数组.从HTML表单到服务器端,必须把String转换为特定的数据类型. 2.字符串和基本数据类型之间的 ...
mysql 不显示消息错误_如何编写不吸的错误消息
mysql 不显示消息错误 by Justin Fuller 贾斯汀·富勒(Justin Fuller) 如何编写不吸的错误消息 (How To Write Error Messages That D ...
vim使用过程中的以前的消息和错误消息代码介绍
本文包含一个 Vim 产生的消息和错误信息按字母排序的列表.如果你不理解消息的含义,可以在这里查找.不过,该列表不一定完整.部分翻译可能不是很准确,敬请谅解,如果你想添加可以在本文留言讨论. 本文约定 ...
Oracle数据库错误消息
导出错误消息 l EXP-00000导出终止失败原因:导出时产生Oracle错误. 操作:检查相应的Oracle错误消息. l EXP-00001数据域被截断 - 列长度＝数字,缓冲区大小＝数字,实 ...

React应用里Invalid hook call错误消息的处理

React应用里Invalid hook call错误消息的处理相关推荐

最新文章

热门文章