Don't do i/o action in componentWillMount function

124 阅读1分钟

react对父组件传递给子组件的props数据有很多次大改动,因此花了一些时间来研究这块,发现了一个与版本相关的细节问题,但是很多文章描述并不到位,所以此处总结下:

因为react v16.3之后采用了Fiber可中断/继续渲染的机制,因此会导致同一个组件的生命周期里,componentWillMount会执行多次。

所以要避免在这个函数里去执行i/o开销大的行为。