This React 文档页面显示,异步请求的数据应在 componentDidMount
事件中使用,而 getInitialState
将状态对象初始化为默认的空状态。
这有什么原因吗?也许 getInitialState 不应该这样做或者有不同的目的?是由于库的某些内部逻辑吗?
请版主和回答者注意:这不是一个基于意见的问题:如果存在原因,那就是答案,但是,对我的问题的一个好的、正确的答案也可以是“不,没有什么特别的原因,做你感觉更好的事情”
最佳答案
getInitialState
应该是 props 的纯函数(尽管它们经常不被使用)。换句话说,使用相同的 props 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>
}
关于javascript - 为什么异步请求应该在 componentDidMount 中而不是 ReactJS 中的 getInitialState 中发出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26615307/