react中点击报Cannot update during an existing state transition跳转出错

最新推荐文章于 2024-02-13 17:56:11 发布

cautionHua

最新推荐文章于 2024-02-13 17:56:11 发布

阅读量387

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/cautionhua/article/details/115912755

版权

react 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在写react项目的时候遇到一个这样的报错，根据提示信息我试着将写在render方法中的路由跳转写到了事件函数中，就解决了该问题。

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')
}