React新的生命周期钩子

最新推荐文章于 2024-08-20 10:20:16 发布

sdhiush

最新推荐文章于 2024-08-20 10:20:16 发布

阅读量113

点赞数

文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/sdhiush/article/details/126026592

版权

相比较旧的什么周期钩子而言，在新的生命周期中即将废弃三个生命周期钩子（componentWillMount、componentWillUpate、componentWillReceiveProps）,同时提出了两个新的钩子（getDerivedStateFormProps、getSnapshotBeforeUpdate），但官网明确说明新的钩子运用的极少，不了解不影响编程。

一、getDerivedStateFromProps

前面必须追加static,可以接受props 和state ,必须有null或者一个状态对象，返回的状态对象无法用状态更新更改。使用场景很少，除非state的值在任何时候都取决与prps的传入。使用他会产生代码冗余。

二、getSnapshotBeforeUpdate 在dom在最近一次渲染输出（提交到 DOM 节点）之前调用。

它使得组件能在发生更改之前从 DOM 中捕获一些信息（例如，滚动位置），并将返回值传递给componentDidUpdate，但它可能出现在 UI 处理中，如需要以特殊方式处理滚动位置的聊天线程等。