为什么应该在componentDidMount中而不是在ReactJS中使用getInitialState进行异步请求？

Question

这是异步请求的数据作出反应的文档显示的页面应该在消耗componentDidMount事件，而getInitialState初始化状态对象为默认
空 状态。

有什么理由吗？也许不希望getInitialState这样做或有其他目的？是由于库的某些内部逻辑引起的吗？

主持人和回答者注意：这不是基于意见的问题：如果存在原因，那将是答案，但是，对我的问题的一个正确的正确答案也可能是：“不，没有任何特定的理由，做任何你觉得更好的事情”

Answer 1

getInitialState应该是道具的纯粹功能（尽管通常不使用它们）。换句话说，具有相同道具的getInitialState应该返回相同数据。

componentDidMount 被允许具有动态行为，并引起诸如dom操纵和ajax请求之类的副作用（这是其主要目的）。

解决此问题的常用方法是提早返回一个空div，加载消息<div>Loading</div>或加载指示符（例如spinkit）。

首先将显示微调器，然后最终使用数据更新状态，然后可以运行渲染的主要部分。

render: function(){
   // while loading
   if (!this.state.data){
     return <div className="spinner"></div>
   }

   // loaded, you can use this.state.data here
   return <div>...</div>
}