Invalid hook call. Hooks can only be called inside of the body of a function component

最新推荐文章于 2024-05-18 00:11:13 发布
最新推荐文章于 2024-05-18 00:11:13 发布
阅读量844 收藏
点赞数
分类专栏： 错误解决整理 文章标签： javascript react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xt_XiTu/article/details/126281214
版权

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 for tips about how to debug and fix this problem.

搜了不少资料，也根据查到的内容改了，一直没成功，最后解决的办法居然是重新用yarn下载了一下报错位置的组件依赖，原因待查

在这里插入图片描述
在这里插入图片描述

xt_XiTu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
for循环中删除map中的元素valgrind检测提示error：Invalid read of size 8
09-02
在给定的示例中，`for`循环删除`map`中的元素时，Valgrind检测到了一个“Invalid read of size 8”的错误。这个错误通常与迭代器失效有关，即在删除元素后继续使用已失效的迭代器。 让我们深入了解一下这个问题和...
invalid_cache.csv
05-28
invalid_cache.csv
Invalid hook call. Hooks can only be called inside of the body of a function component.
我家猫叫佩奇の博客
03-16 2万+
Erro: 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 t...
Error: Invalid hook call. Hooks can only be called inside of the body of a function component.
热门推荐
不见浅诗的博客
01-18 3万+
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 ...
react报错之Invalid hook call
最新发布
weixin_61876780的博客
05-18 304
解决方法：只使用一个版本的react进行代码的编译，比如项目中同时使用了react-router-v5和react-router-v6的两种代码写法，首先在package.json文件中找到我们安装的react-router版本信息，如何再将我们的代码统一写成已安装的版本的格式。大部分时候，都是因为使用了多个版本的react导致的报错，我们可以使用npm list react来检查我们的项目中是否包含了多个版本的react。
关于react.hook的Invalid hook call Hooks can only be called inside of the body of a function component问题
qq_31444707的博客
06-11 1万+
错误： 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 th
react-redux 出现 Invalid hook call.Hooks can only be called inside of thebody of a function component
weixin_42331327的博客
01-09 2万+
import ReactDOM from "react-dom" import store from "./store" import {Provider} from "react-redux" import Todo from "./components/Todo" const APP = ( <Provider store={store}> <Todo /> &...
react出现了Invalid hook call. Hooks can only be called inside of the body of a function component.
weixin_38441229的博客
08-07 2132
/ Hook 只能在函数组件的最顶层使用 function Example() { if (someCondition) { const [count, setCount] = useState(0);在普通的 JavaScript 函数中使用 Hook 在 class 组件中使用 Hook 在自定义 Hook 内部再调用 Hook 在条件判断或循环中使用 Hook。这是因为你在函数组件以外使用了 React Hook。根据 React Hook 规则,Hook 只能在函数组件的最顶层作用域中调用。
ERROR ITMS-90062: “This bundle is invalid. The value for key CFBundleShortVersionString [1.2] …
01-07
The value for key CFBundleShortVersionString [1.2] in the Info.plist file must contain a higher version than that of the previously approved version [1.15] 明明1.2的版本号要大于1.15，怎么还会出现错误...
解决Invalid byte 1 of 1-byte UTF-8 sequence
01-08
标题 "解决Invalid byte 1 of 1-byte UTF-8 sequence" 涉及的问题是关于字符编码不匹配引发的错误，通常在处理包含非ASCII字符的文本文件时出现。UTF-8是一种广泛使用的字符编码标准，能表示世界上大部分语言的字符...
【React】Invalid hook call. Hooks can only be called inside of the body of a function component.
zqq_2016的博客
10-22 1407
具体报错信息： 解决办法： cnpm install --save react@^16.12.0 react-dom@^16.12.0 最好在执行完以上命令后，重新执行一下npm start.
Warning: Invalid hook call. Hooks can only be called inside of the body of a function component.
Danica的博客
06-22 1804
在react创建项目或者安装路由已经依赖的时候出现，一般情况下是npm安装出现的版本问题，npm很容易出现包的冲突问题。改为yarn安装或者更改为正确的版本。
Invalid hook call. Hooks can only be called inside of the body of a function
qq_46162007的博客
01-18 2万+
Invalid hook call. Hooks can only be called inside of the body of a function
npm/yarn link 测试包时报错 Warning: Invalid hook call. Hooks can only be called ...
卡尔特斯
09-06 1519
包即可，但是这种方式不推荐，毕竟删了打包组件库时就报错了，还得重新。报错信息中提供了三种可能的原因，针对这三个可能原因逐一检查。极有可能是因为第三条导致了问题，继续查阅文档，官网。包也可以解决，原理都一样，两者存在一个版本的。组件库时，为避免每次修改都发布到。为组件库建立软连接，方便本地调试。的，支持 React Hook。检查项目中是否存在多个不同版本的。版本即可，如果还未解决，再将。，需要在本地的测试项目中使用。，但是依赖的第三方库使用了。版本中引入的，先检查。，并且使用方式是正确的；
React Hooks Error: Hooks can only be called inside the body of a function component
夜近天溟的博客
11-06 3340
通过npm link调试React Hook的组件的坑。 npm有个npm link 命令，可以让我们不需要每次都发布npm包就可以进行本地调试，但是当我们引用的本地npm包里有使用React Hook的组件，那么基本就会出现多个react副本的报错； 解决方法不好找，但也很简单，就是在父级项目的（注意，不是被link的npm包）webpack.config.js里添加下面的别名： resolve: { alias: { 'react': path.resolve
Form.useForm()报错:Error: Invalid hook call. Hooks can only be called inside of the body
Weston_J的博客
06-24 6845
Form.useForm报错:Error: Invalid hook call. Hooks can only be called inside of the body of a function component.问题描述错误原因示例代码官网说明 问题描述 想使用form提供的Form.useForm() 创建的 form 控制实例，对表单进行赋值取值重置等操作，但在使用formR = Form.useForm()却提示以上错误。 错误原因 这是由于useForm 是 React Hooks 的实现，只

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值