对于React的生命周期函数的了解

作者 : 开心源码 本文共826个字,预计阅读时间需要3分钟 发布时间: 2022-05-13 共164人阅读

在React16.3版本之前的生命周期函数

componentWillMount: 在组件将要挂载到页面的时候执行。

componentDidMount: 组件已经挂载到页面的时候执行。

componentWillReceiveProps: 在组件接收到新属性前调用。shouldComponentUpdate: 确定组件能否应该升级。 假如不写默认返回true;假如某些状态改变之后,不想要升级组件,那么我们可以在这个方法中返回false。

componentWillUpdate: 在组件将要升级的时候调用

componentDidUpdate: 组件升级完毕会执行该方法。 假如shouldComponentUpdate()返回false,则不会触发。componentWillUnmount: 组件卸载的时候回调用该方法。

在React16.3+之后的公告周期函数有如下:

getDerivedStateFromProps: ?当组件的props和state发生变化的时候会触发该函数。

componentDidMount: 当组件挂载完毕会执行这个方法(只会执行一次)

shouldComponentUpdate: 确定组件能否应该升级。 假如不写默认返回true;假如某些状态改变之后,不想要升级组件,那么我们可以在这个方法中返回false。

getSnapshotBeforeUpdate: 在最新的渲染输出提交给 DOM 前将会立即调用,这对于从 DOM 捕获信息(比方:滚动位置)很有用。

componentDidUpdate: 组件升级完毕会执行该方法。 假如shouldComponentUpdate()返回false,则不会触发。

componentWillUnmount 组件卸载的时候回调用该方法。

在React16.3+之后的版本中移除了3个生命周期函数

componentWillMount()

componentWillReceiveProps()

componentWillUpdate()

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 对于React的生命周期函数的了解

发表回复