componentWillMount vs componentDidMount 那个生命周期方法更适合请求数据?

在React-Native中向服务器请求数据到底应该在哪里请求?



有两个方法可以请求数据:

componentWillMount

componentDidMount

除了这两个函数,

render

方法肯定不是合适的请求数据的地方,因为在React-Native中请求数据都是异步的(

fetch

),如果这样做肯定会带来一些不好的影响.下面分析一两个方法的优缺点.

componentWillMount

这个方法正确调用的时候是在component第一次

render

之前,所以第一眼看上去觉得就应该在这里去fetch datas.

但是这里有个问题,在异步请求数据中这一次返回的是空数据,因为是在’render’之前不会返回数据.所以在渲染的时候没有办法等到数据到来,也不能在

componentWillMount

中返回一个Promise(因为Promise的特性之一就是状态不可变),或者用

setTimeout

也是不适合的.正确的处理方式就不要在这里请求数据,而是让组件的状态在这里正确的初始化.

顺便说一句在es6中,使用extend component的方式里的

constructor

函数和

componentWillMount

是通用的作用,所以你在构造函数里初始化了组件的状态就不必在WillMount做重复的事情了.

componentDidMount

componentDidMount

呢?这个生命周期函数在是在

render

之后调用一次,component已经初始化完成了.

在生产时,

componentDidMount

生命周期函数是最好的时间去请求数据,其中最重要原因:使用

componentDidMount

第一个好处就是这个一定是在组件初始化完成之后,再会请求数据,因此不会报什么警告或者错误,我们正常请教数据完成之后一般都会

setState

.