处理React中组件加载的最佳方法

Question

我有一个从JSONPlaceholder获取帖子的应用。它的初始状态为[]。然后调用：

this.setState({posts})

如果我想在组件收到帖子之前渲染加载...，最好说：

if (!this.state.posts.length) // Do something

或者最好将loading：true添加到初始状态，然后在组件接收到的数据没有错误的情况下说这：

if(!this.state.loading) // Do something

Answer 1

首先，正如评论所述，最好在任何地方都使用boolean type state。

[如果您想添加一些changeable condition，我有时会尝试loading animation。

并且在这种情况下用法非常简单。添加Material-UI processing，此操作完成。