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

最新推荐文章于 2024-09-30 14:48:42 发布

Justin86713

最新推荐文章于 2024-09-30 14:48:42 发布

阅读量675

点赞数

文章标签： reactjs

本文链接：https://blog.csdn.net/Justin86713/article/details/108330030

版权

如题，它所依赖的数据是异步的，返回页面时再刷新是没问题的。举个例子：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调用，再返回时就没问题了。也许有别的方法解决，请留言。