React的生命周期（三）

之前我写过React的生命周期（一）和（二），感兴趣的小伙伴们可自行参阅。

当前的React已经发布到18.x版本了，生命周期函数已经与之前大有不同。

自17.x之后，生命周期函数与16.x版本的对比如图（右边的是新的，左边的是旧的）：

 

 

官方给出的解释是，针对旧的那三个生命周期函数：

componentWillMount、componentWillReceiveProps、componentWillUpdate，因为React一直在致力于异步渲染，而开发者可能在开发过程中却不应该在这三个钩子里写代码造成不必要的BUG，因此在未来的版本中可能会被官方所弃用。故自17.x版本之后，也能使用之前旧的这三个钩子，不过你需要加前缀UNSAFE_，不加的话，React将给你抛出弃用警告（将来可能直接废除，直接报错了）。

官方故而推出了新的生命周期函数。如上图所示。

项目重构涉及，特此记录。编程使我快乐，欢迎大家互粉和积极留言交流，三人行，必有我师焉！