超过最大更新深度。当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时,可能会发生这种情况。React 限制了嵌套更新的数量以防

2023-11-11

超过最大更新深度。当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时,可能会发生这种情况。React 限制了嵌套更新的数量以防止无限循环

有没用像我这样报错的

在这里插入图片描述

这个报错大概意思就是说我嵌套的方法太多,在重复调用setState,React限制了嵌套更新的数量以防止无限循环

修改前的代码:

<Drawer
	title="敏感信息"
    placement="left"
    closable={false}
    width="40%"
    onClose={setSensitivityMassage()}
    visible={visible}
>
    <div>敏感信息</div>
</Drawer>

onClose里边的方法是调用父组件的方法,再说我也没调用componentWillUpdate和componentDidUpdate方法就报错了,开始以为是我嵌套太多才导致的,结果我把组件写在父组件里面还是报错,我就纳闷了;

搞了好大功夫才搞好,其实很简单,在方法上用es6语法的箭头函数编写就可以了,

onClose={()=>{setSensitivityMassage()}}

最后希望大家不要出现我这样的问题

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

超过最大更新深度。当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时,可能会发生这种情况。React 限制了嵌套更新的数量以防 的相关文章

随机推荐