在react项目中遇到一个这样的报错,根据提示信息我试着将写在render方法中的路由跳转写到了事件函数中,就解决了该问题。大致的意思在跳转的时候不能在render方法中更新props或state,只要避免这么干就不会出现问题,
index.js:1 Warning: Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.
<Button onClick={
this.props.history.push('/mapPage') }>去地图页面</Button>
/**********************************将上述代码改为:*****************************************/
render(){
return(
<div>
<Button onClick={
this.fnToMap) }>去地图页面</Button>
</div>
)
}
fnToMap=()=>{
this.props.history.push('/mapPage')
}