解决react异步数据不更新页面或提示错误的问题

如果页面渲染依赖异步数据，由于数据延迟，有的办法是：data&&渲染逻辑，意思是有数据时渲染，注意没数据时,return也应该有内容。
我通常添加一个判断条件，因为data&&渲染逻辑这种写法也许有多处。这个条件依赖state或props里某个数据，在没有拿到该数据时渲染为空，之后react会根据改数据变化渲染出内容。
举一个例子，contents这个值是react-redux所调用异步方法的返回值，在componentWillMount() 钩子中调用this.props.getPageContents()得到。那么在render()中，它的值开始为null，这时你要给它一个判断if(!contents)return<></> ，再续写渲染逻辑就没问题了。
注意这个判断条件是props或state定义的变量。