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:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. 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.

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

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

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

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

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

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

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

本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

上一篇:Python可视化: 历年中国大学学术排行榜


下一篇:python 特效之字符成像