react-redux 中 Provider时会出现以下报错

最新推荐文章于 2024-11-06 00:27:33 发布
最新推荐文章于 2024-11-06 00:27:33 发布
阅读量1.3k 收藏
点赞数
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70760586/article/details/125374264
版权

在使用 react-redux 中 Provider时会出现以下报错

Warning: 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

将react-redux的版本降低就可解决

m0_70760586
关注
实战:自定义简单版redux, enhancer与react-redux
qubes的专栏
06-23 270
[redux]core[redux]enhancer[redux]applyMiddleware[react-redux]core 在redux基础上(getState,dispatch,subscribe)小结redux核心功能：提供getState,dispatch,subscribe 这几个api给开发者使用yarn add redux 指定4.1.2版本创建store组件调用中间件功能：自定义redux实现 createStore，，，创建简单版store:创建实用版store:组件调用：不变同上简
Taro-react-redux 微信小程序
gdj的博客
04-25 838
Taro-react-redux 微信小程序 基本步骤都在 https://nervjs.github.io/taro/docs/redux/ 会有2个问题 无法直接使用storage PersistGate无法直接在app.tsx中使用 需要创建文件storage.ts, import Taro from '@tarojs/taro'; export default { getItem(key) { return Promise.resolve().then(() => {
React-redux使用中有关Provider问题
a1178118728的博客
12-09 805
先上错误： 　　Warning: Failed prop type: Invalid prop `children` of type `array` supplied to `Provider`, expected a single ReactElement. in Provider (at index.js:8) 　　React.Children.only expected to ...
【React-redux】使用Provider组件报错：the-above-error-occurred-in-the-provider-component...
zlting_的博客
02-23 537
以上是我解决react-redux报错的流程，给大家提供一个解决类似报错问题的思路，如果发现下载依赖时，出现其他依赖版本的报错，一定要先解决，这可能会导致项目报错无法运行。
【error】 react 控制台报错Invalid hook call
最新发布
chirp_CQ的博客
11-06 448
导致这个的原因多半都是因为不同版本的react 导致的，我也遇到了，我在多次尝试后发现多半是因为我两个前端项目都同时在本地打开的情况下，webstorm识别到了两个项目的不同react版本。暂时的解决办法是将node_modules 给删除掉，然后重新执行。我的前端react + ant-design-pro项目能正常启动。，这将是对我很大的鼓励！若是对你有所帮助的话，希望能获得你的。
解决flutter中使用provider报错This is likely caused by an event handler (like a button‘s onPressed) that cal
枣泥馅的博客
04-16 1662
解决是用flutter报错： ======== Exception caught by gesture =============================================================== The following assertion was thrown while handling a gesture: Tried to listen to a value exposed with provider, from outside of the widget tr
React Native 报错 provider，亲测有效！
wjjwjjwjj123的博客
09-20 1354
React Native 报错 provider，亲测有效！ 1、Suggestion: add ‘tools:replace=“android:authorities”’ to element at AndroidManifest.xml:50:7-59:18 to override 2、Suggestion: add ‘tools:replace=“android:res...
接入react-redux 之后运行出现错误TypeError: Cannot read property ‘getState‘ of undefined     at Provider.js:19
weixin_44514665的博客
02-19 2421
新建的项目中,接入react-redux 之后运行出现错误如下: 错误1: TypeError: Cannot read property 'getState' of undefined at Provider.js:19 错误2: TypeError: Cannot read property 'mount' of undefined at Object.mount (react.ts:214) 原因 最后发现是因为粗心,错把 store属性写成了value属性 将属性名改为sto
react技术全家桶（46）react-redux使用
weixin_41380194的博客
06-20 363
react-redux的使用
redux 及 react-redux的详细使用过程和案例 。分享搬砖知识的一天，期间打瞌睡了几次。啊哈哈~
FOR 的博客
09-18 942
搬砖搬砖，分享点搬砖技巧。 第六章了，差不多结束了 ，还有些零零散散的，慢慢搬吧。 之前的章节内容可点这~ 第六章 — redux redux中文官网 6.1 什么是 redux 官方是这样子说的 ：redux 是 JavaScript 应用程序的可预测状态容器 ，它可以帮助您编写行为一致、在不同环境（客户端、服务器和本机）中运行且易于测试的应用程序。 官方的解释有时候总是看不懂的 说一下我的理解。 JavaScript 应用程序 ： redux 和 react 可是两回事，只是长的像而已。 redu.
【React 框架】redux / react-redux
qq_30148319的博客
07-11 1352
（1）redux 是一个专门用于做状态管理的 JS 库 ( 不是 react 插件库 )。 （2）它可以用在 react、angular、vue等项目中, 但基本与 react 配合使用。 （3）作用：集中式管理 react 应用中多个组件共享的状态。 （1）某个组件的状态，需要让其他组件可以随时拿到（共享）。 （2）一个组件需要改变另一个组件的状态（通信）。 （3）总体原则：能不用就不用，如果不用比较吃力才考虑使用。 2、redux
React：useMemo
臧小川的博客
10-11 438
由于Hooks出来之后，我们可以采用函数组件创建复杂组件，但是失去了`shouldComponentUpdate`所以无法判断前后状态是否更新了。
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-redux 出现 Invalid hook call报错问题
wzszq125的博客
10-16 1002
import React from 'react'; //全局样式文件 import './assets/css/app.scss'; import 'antd/dist/antd.css' //路由系统 import { HashRouter } from 'react-router-dom' //状态管理 import { Provider } from 'react-redux' import store from '@/store' function App() { retur
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学习中的一些报错
weixin_43939440的博客
04-17 1454
touch : 无法将“touch”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请 确保路径正确，然后再试一次。 输入npm install touch-cli -g即可
npm/yarn link 测试包时报错 Warning: Invalid hook call. Hooks can only be called ...
卡尔特斯
09-06 1873
包即可，但是这种方式不推荐，毕竟删了打包组件库时就报错了，还得重新。报错信息中提供了三种可能的原因，针对这三个可能原因逐一检查。极有可能是因为第三条导致了问题，继续查阅文档，官网。包也可以解决，原理都一样，两者存在一个版本的。组件库时，为避免每次修改都发布到。为组件库建立软连接，方便本地调试。的，支持 React Hook。检查项目中是否存在多个不同版本的。版本即可，如果还未解决，再将。，需要在本地的测试项目中使用。，但是依赖的第三方库使用了。版本中引入的，先检查。，并且使用方式是正确的；
react-hooks踩坑：invalid hook call
u011393161的博客
08-05 1万+
最近在写一个react组件的时候，遇到了这个问题，因为这个组件是想作为npm包使用，然后在组件里面使用了useEffect，这个组件本身的package.json里安装了react和react-dom作为devDependencies，另外建了测试工程，测试工程里单独装了react和react-dom，用npm link的方式来测试这个组件，然后就遇到这个报错 1. You might have mismatching versions of React and the renderer 2. You mi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值