React V7版本一些新的生命周期函数

Dear 丶 2023-06-06 12:25 13阅读 0赞

### Mount阶段： ###

*  constructor()
 *  static getDerivedStateFromPro ps()：返回一个对象来更新 state，如果返回 null 则不更新任何内容。(**componentWillMount() / UNSAFE\_componentWillMount()//被废弃**)
 *  render()
 *  componentDidMount()

### Update阶段： ###

(**componentWillReceiveProps() / UNSAFE\_componentWillReceiveProps()//被废弃**)

*  static getDerivedStateFromProps()
 *  shouldComponentUpdate()

（**componentWillUpdate() / UNSAFE\_componentWillUpdate()//被废弃**）

*  render()
 *  getSnapshotBeforeUpdate()：返回值将传给componentDidUpdate()的第三个参数 ，否则第三个参数将为undefined。
 *  componentDidUpdate()

### Unmount阶段： ###

*  componentWillUnmount()

**图例更清晰：**  
![图例更清晰][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpc2h1bmRp_size_16_color_FFFFFF_t_70]

#### 捕获错误的生命周期函数 ####

*  static getDerivedStateFromError()：在后代组件抛出错误后被调用。
 *  componentDidCatch()：在后代组件抛出错误后被调用。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpc2h1bmRp_size_16_color_FFFFFF_t_70]: /images/20230601/59d9a0f5967a4034b22019a6b8ce3047.png

发表评论取消回复

表情：

评论列表（有 0 条评论，13人围观）

还没有评论，来说两句吧...

相关阅读

相关 React V7版本一些新的生命周期函数

Mount阶段： constructor() static getDerivedStateFromPro ps()：返回一个对象来更新 state，如果返回

Dear 丶/ 2023年06月06日 12:25/ 0 赞/ 14 阅读

相关 React 生命周期函数

[React v16.4 生命周期图示][React v16.4] ![1731684-20190810171825486-293040245.png][] 一、组件

叁歲伎倆/ 2023年06月02日 09:17/ 0 赞/ 35 阅读

相关 react生命周期函数_「React 手册」组件生命周期函数——shouldComponentUpdate介绍

![abd76e08ee07cbeba2aae51d1127613d.png][] 大家好，在「React 手册」组件生命周期相关函数——componentWillMoun

古城微笑少年丶/ 2023年01月12日 10:18/ 0 赞/ 301 阅读

相关 React生命周期函数

React生命周期函数 (旧) class Count extends React.Component{ //构造器 constructo

ゝ一世哀愁。/ 2023年01月07日 11:25/ 0 赞/ 207 阅读

相关老版本React 中的生命周期函数

生命周期函数指在某一个时刻组件会自动调用执行的函数 constructor当组件创建的时刻会被组件自动调用执行, 它也是初始化的位置. 在这里定义 state, 接收 pro

怼烎@/ 2022年12月10日 03:44/ 0 赞/ 28 阅读

相关【React】1.React生命周期函数

一.React生命周期函数概述生命周期函数指在某一时刻组件会自动调用执行的函数，如下是React生命周期图解 ![watermark_type_ZmFuZ3poZW5na

以你之姓@/ 2022年11月26日 08:39/ 0 赞/ 213 阅读

相关 React之生命周期函数

![70][] 一：Mounting 1：componentWillMount():在组件即将挂载在页面的时刻自动执行 2：render(): 3：componen

野性酷女/ 2022年05月21日 12:37/ 0 赞/ 211 阅读

相关 React生命周期函数

生命周期函数指在某一时刻组件会自动调用执行的函数 ![webp][] React生命周期挂载时的生命周期 componentWillMount // 在组件

野性酷女/ 2022年05月09日 07:03/ 0 赞/ 233 阅读

相关 react生命周期函数详解

react生命周期函数图详解 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

悠悠/ 2022年02月19日 18:20/ 0 赞/ 322 阅读

相关 React生命周期函数

相关函数 <table> <tbody> <tr> <td> <p>方法</p> </td> <td> <p>调用时机</p> </td>

矫情吗；*/ 2021年09月21日 23:14/ 0 赞/ 518 阅读