》 在学习过程中,在编译过程中 出现了各种报错,然后查询各种资料。主要原因总结有如下。

    1. 您可能使用了不匹配的React和React DOM版本
    1. 您可能正在违反“挂钩规则”
    1. 您可能在同一应用程序中拥有多个React副本

    第一种情况,需要升级react版本,如果是新的项目用creact-react-app 构建的项目,都是用的最新的版本,就不要考虑这个问题。

    第二种情况 经常遇到

类似 这类的问题 React Hook "useLocation" is called in function "jumpUrl" which is neither a React function component or a custom React Hook function

主要原因 是因为。在HOOKS中明确定义了,需要在功能组体 顶层调用。


image.png

为避免混淆,在其他情况下支持调用Hooks:

  • 🔴不要在类组件中调用挂钩。
  • 🔴不要调用事件处理程序。
  • 🔴不要叫钩内传递给函数useMemouseReduceruseEffect

推荐详细阅读


木子喵
492 声望26 粉丝

too young, too naive