关于react返回页面时不加载react-redux中异步数据的问题

81 阅读 0 评论 54 点赞

我是靠谱客的博主无限书包，最近开发中收集的这篇文章主要介绍关于react返回页面时不加载react-redux中异步数据的问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

如题，它所依赖的数据是异步的，返回页面时再刷新是没问题的。举个例子：componentWillMount() 中调用了 this.props.getPageContents() 这个redux中定义的dispatch异步请求方法。这时在render()里通过this.props.contents获取它得到的值，开始是没问题的，但在返回这个页面时渲染为空数据或报错，刷新一下又正常了。遇到这个问题，这里采取了另一种方式在render()里获得数据来解决。比如写在组件内部state中
async componentDidMount() {
await this.props.getPageContents()
this.setState({
contents
})
}
然后在render()中通过this.state.contents调用，再返回时就没问题了。也许有别的方法解决，请留言。