react警告：setState(...): Cannot update during an existing state transition (such as within `render` or

在使用react的时候，发现一个警告

Warning: setState(...):Cannot update during an existing state transition (such as within `render` or another component's constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to `componentWillMount`

不能在现有状态转换期间更新(例如在' render '或其他组件的构造函数中)。渲染方法应该是道具和状态的纯函数;构造函数的副作用是反模式的，但是可以移动到“componentWillMount”

先开始我是这样写的：

componentDidMount(){AccountStore.listen(this.accountChange);this.accountChange();
}

然后在运行的时候，偶尔会出现警告：

setState是异步执行的，加一个this.mounted控制执行顺序：

componentDidMount(){this.mounted = true;AccountStore.listen(this.accountChange);if(this.mounted == true){this.accountChange();}
}
componentWillUnmount(){this.mounted = false
}

警告就没有了

react警告：setState(...): Cannot update during an existing state transition (such as within `render` or相关推荐

react 警告Warning: Cannot update during an existing state transition (such as within `render`). Render
react 报错Warning: Cannot update during an existing state transition (such as within `render`). Render ...
react项目报出警告Warning: Cannot update during an existing state transition (such as within `render`).
在一次写react项目中,报出如下警告,如图: 意思大概为:在一次改变state或者props值后,触发render()方法执行,重新渲染DOM的过程中,react不允许再有其他的state或者pro ...
React使用路由跳转时控制台报Cannot update during an existing state transition (such as within `render`)错误
React使用路由跳转时控制台报Cannot update during an existing state transition (such as within render).Render met ...
Warning: Cannot update during an existing state transition (such as within `render`). Render methods
在使用react开发项目时,报了这个错误原因:在render的时候使用setState()方法改变了state,它应该是一个纯的函数,不应该在这个方法当中去改变state
Warning: Cannot update during an existing state transition (such as within `render`)
原来的代码是: 报错信息如下: 修改为: 这样就不报错了.
报错：Cannot update during an existing state transition (such as within `render`).
问题描述:在使用Form组件为组件赋值时候存在的warning 翻译: 在现有状态转换期间(例如在`render`中)无法更新.渲染方法应该纯粹是props和state的函数. 解决方式, 在us ...
react 之 setState
setState()是react为我提供的状态管理工具比如现在有下面的这样一段代码: class MyComponent extends React.Component { constructor( ...
React 项目----setState 方法修改 state （16）
在class 类中,构造器里面有一个实例变量state ,这个也是class 组件和function组件之间的区别.class 组件有自己的私有的数据 export default class Bin ...
react使用setState注意事项
React设计setState方法就是为了重新渲染页面看看下面的代码实现的结果: state = {value : 0 }function test() {this.setState({ value ...

react警告：setState(...): Cannot update during an existing state transition (such as within `render` or

react警告：setState(...): Cannot update during an existing state transition (such as within `render` or相关推荐

最新文章

热门文章