react render渲染两次，一次为原始state的数据，一次为新获取的

在项目中遇到一个问题，componentDidMount在dispath action之后，render渲染state的数据时会渲染两次，一次是原始state，一次是新获取的state，如下图



这是因为react渲染机制造成组建挂载之前，也就是componentDidMount生命周期之前自动获取了原始的state数据，componentDidMount之后state变化已经无法再次获取了
在各种爬坑google后，看到一个很好的思路

在私有组件的state判断一下是否是componentDidMount之后，在componentDidMount里面改变state的值，在render判断选择显示

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!