React的请求应该放在哪个⽣命周期中?

x33g5p2x  于2022-05-23 转载在 其他  
字(0.5k)|赞(0)|评价(0)|浏览(399)
React的异步请求到底应该放在哪个⽣命周期⾥,有⼈认为
在 componentWillMount 中可以提前进⾏异步请求,避
免⽩屏,其实这个观点是有问题的。
由于JavaScript中异步事件的性质,当您启动API调⽤
时,浏览器会在此期间返回执⾏其他⼯作。当React渲染⼀个组件时,它不会等待componentWillMount它完成
任何事情 - React继续前进并继续render,没有办法“暂
停”渲染以等待数据到达。
⽽且在 componentWillMount 请求会有⼀系列潜在的
问题,⾸先,在服务器渲染时,如果在 
componentWillMount ⾥获取数据,fetch data会执
⾏两次,⼀次在服务端⼀次在客户端,这造成了多余的请
求,其次,在React 16进⾏React Fiber重写后, 
componentWillMount 可能在⼀次渲染中多次调⽤。
⽬前官⽅推荐的异步请求是在 componentDidmount 中
进⾏.
如果有特殊需求需要提前请求,也可以在特殊情况下在 
constructor 中请求。
react 17之后 componentWillMount 会被废弃,仅仅
保留 UNSAFE_componentWillMount。

开发者涨薪指南

48位大咖的思考法则、工作方式、逻辑体系

相关文章