Warning: Cannot update a component from inside the function body of a different component

最新推荐文章于 2022-08-03 20:55:59 发布
最新推荐文章于 2022-08-03 20:55:59 发布
阅读量1.2w 收藏 4
点赞数 4
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BennyShi1998/article/details/105385409
版权

React Hook使用的坑，不可以把子组件的的state A通过props函数传参返回上父组件，再使用 state A 设置父组件的 state B。这样React Hook的diff算法会报错。

 

子组件：

父组件：

就会出现warning：

 

解决方法就是间接通过变量传子组件的state的值。不能直接传组件中state值

BennyShi98
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
iOS开发常见错误代码对照表---真机调试常见错误及解决方案
水泽木兰
11-30 1万+
iOS真机调试常见错误及解决方案 地址https://developer.apple.com/library/ios/#technotes/tn2250/_index.html#//apple_ref/doc/uid/DTS40009933-CH1-TNTAG3 错误代码对照表 #ifndef __MACERRORS__ #define __MACERRORS__ #ifndef
ant table表格嵌套 报错：Cannot update a component while rendering a different component
热门推荐
weixin_45253306的博客
11-03 2万+
在使用ant写一个嵌套有子表格的表格时，遇到一个问题。每当点击展开二级子表格时，直接报错Cannot update a component while rendering a different component。 搜了一下发现是，获取数据的代码写在了expandedRowRender函数内，函数中又操作了props或者setState，导致组件从新渲染，而因为子表格已经展开了，expandedRowRender={expandedRowRender}会直接触发，会再次执行props或者setState的
React-Native：关于Cannot update a component (`NativeStackNavigator`) while rendering a different 问题解决方案
G1ANTS的博客
07-19 3756
查了很久也没找出来什么问题；一顿查找发现是代码中navigation.setOptions设置并未放在useEffect中，这样在更新代码过程中设置标题栏的步骤不对。如果你也有相同的错误，请检查错误对应文件里面，应该是一些配置项没正确放置在useEffect中。正确的方式是将navigation.setOptions放在useEffect副作用函数中；今天写完某个模块，开始着重解决不知名的bug；虽然不影响开发效率，但是经常控制台报红还是很难受的~...
react-dom.development.js:86 Warning: Cannot update a component (`observerComponent`) while rendering
qq_26889291的博客
06-02 1941
报错前代码 改正后的代码
为了显示此页面 firefox必须发送_【新消息】React 16.13.0 发布、Firefox 将禁用 TLS 1.0/1.1
weixin_39602615的博客
12-03 193
速览Firefox 将禁用 TLS 1.0/1.1React 16.13.0 发布Chrome 新增 "默认为访客" 模式以进行无状态浏览GitHub 正式收购 npmFirefox 74 发布Mozilla 在 3 月 10 日发布了 Firefox 74 版本。Firefox 74 做了一些安全优化以及增加了一些新功能。安全更新Firefox 74 将禁用基于 TLS 1.0 和 TSL 1....
PHP错误Warning: Cannot modify header information - headers already sent by解决方法
10-25
主要介绍了PHP错误Warning: Cannot modify header information - headers already sent by解决方法,需要的朋友可以参考下
PHP错误Warning: Cannot modify header information – headers already sent by解决方法
12-18
今天在测试以下代码时遇到该错误： 复制代码 代码如下: ...Warning: Cannot modify header information – headers already sent by… 看了一些网上的方法也没解决，最后在php.ini配置output_buffering默认为4096
PHP警告Cannot use a scalar value as an array的解决方法
12-18
在PHP编程中，"Cannot use a scalar value as an array" 是一种常见的错误提示，它意味着你正在尝试将一个标量值（如整数、字符串、布尔值或浮点数）当作数组来使用。这个错误通常发生在试图对一个不是数组的变量...
php下关于Cannot use a scalar value as an array的解决办法
09-05
在PHP编程中，"Cannot use a scalar value as an array"这个错误通常发生在尝试将一个标量类型的变量（如整型、浮点型、字符串或布尔型）当作数组来操作时。标量类型不具备数组的特性，不能进行索引访问或添加数组...
屏蔽警告：WARNING: EmulatorService.cpp:448: Cannot find certfile: D:\Android\AVD\.android\emulator-grpc.
01-21
Emulator: emulator: WARNING: EmulatorService.cpp:448: Cannot find certfile: D:\Android\AVD.android\emulator-grpc.cer security will be disabled. Emulator: Started GRPC server at 127.0.0.1:8554
Warning: Cannot update during an existing state transition (such as within `render`). Render methods
luzhaopan的博客
06-11 1万+
在使用react开发项目时，报了这个错误 原因：在render的时候使用setState()方法改变了state，它应该是一个纯的函数，不应该在这个方法当中去改变state
Warning: Can‘t perform a React state update on an unmounted component. This is a no-op, but it indic
qq_37031892的博客
08-03 816
warning:can't perform aReact state update on an unmounted component .This is a no-op, but it indicates a memory leak
React 深度学习：ReactHooks
weixin_30898109的博客
06-19 896
path：packages/react/src/ReactHooks.js 目前 React 内置了 10 种 Hook： useState useReducer useContext useRef useEffect useLayoutEffect useCallback useMemo useImperativeHandle useDebugValue useContext expor...
React-Native中报错【Maximum update depth exceeded】
F-ZERO-F的博客
12-26 8413
React-Native项目中出现报错： Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.React limits the number of nested updat...
【React】Invalid hook call. Hooks can only be called inside of the body of a function component.
zqq_2016的博客
10-22 1409
具体报错信息： 解决办法： cnpm install --save react@^16.12.0 react-dom@^16.12.0 最好在执行完以上命令后，重新执行一下npm start.
使用reactjs遇到Warning: setState(...): Can only update a mounted or mounting component.
小楼一夜听春雨
10-27 1万+
前端数据大部分来源于后端，需要向后端发起异步请求，而在使用reactjs的时候，如果这个组件最初加载的时候就发起这个异步请求，然后在返回结果中进行setState({})，这时候有可能会遇到这个警告：Warning:setState(...): Can only update a mounted or mounting component. This usually means you called
gcc屏蔽warning: cast to pointer from integer of different size
最新发布
05-25
这个warning通常是因为代码中存在将int类型转换为指针类型的操作，而不同的平台上，int和指针类型的大小可能不同，导致在一些平台上出现问题。为了屏蔽这个warning，可以使用-cast指令，将int类型转换为intptr_t类型，这是一种可以容纳指针类型的整数类型。 具体做法是，在需要进行类型转换的地方，使用如下的语法： ```c (void*)(intptr_t)int_value; ``` 其中，int_value为需要转换的int类型变量。这样，就可以将int类型转换为intptr_t类型，并将其转换为指针类型，避免了warning的出现。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值