react的生命周期

叁歲伎倆 2022-03-28 03:18 195阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwMjA1OA_size_16_color_FFFFFF_t_70][]

### 1.Mounting ###

*  [**`constructor()`**][constructor]
 *  [`static getDerivedStateFromProps()`][static getDerivedStateFromProps]
 *  [**`render()`**][render]
 *  [**`componentDidMount()`**][componentDidMount]

### 2.Updating ###

*  [`static getDerivedStateFromProps()`][static getDerivedStateFromProps]
 *  [`shouldComponentUpdate()`][shouldComponentUpdate]
 *  [**`render()`**][render]
 *  [`getSnapshotBeforeUpdate()`][getSnapshotBeforeUpdate]
 *  [**`componentDidUpdate()`**][componentDidUpdate]

### **`3.`**Unmounting ###

*  [**`componentWillUnmount()`**][componentWillUnmount]

## ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDgwMjA1OA_size_16_color_FFFFFF_t_70]: /images/20220328/0b893ba876b1421c95b35db7f0b10253.png
[constructor]: https://reactjs.org/docs/react-component.html#constructor
[static getDerivedStateFromProps]: https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops
[render]: https://reactjs.org/docs/react-component.html#render
[componentDidMount]: https://reactjs.org/docs/react-component.html#componentdidmount
[shouldComponentUpdate]: https://reactjs.org/docs/react-component.html#shouldcomponentupdate
[getSnapshotBeforeUpdate]: https://reactjs.org/docs/react-component.html#getsnapshotbeforeupdate
[componentDidUpdate]: https://reactjs.org/docs/react-component.html#componentdidupdate
[componentWillUnmount]: https://reactjs.org/docs/react-component.html#componentwillunmount

发表评论取消回复

表情：

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

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

相关阅读

相关 REACT_react生命周期

componentWillMount() { console.log('组件将要挂载'); }; componentDidMount()

本是古典何须时尚/ 2023年03月01日 09:37/ 0 赞/ 12 阅读

相关 React的生命周期

1. 挂载卸载过程 1.1.constructor() 1.2.componentWillMount() 1.3.co

小咪咪/ 2022年10月15日 00:38/ 0 赞/ 161 阅读

相关 React 生命周期

目录 React 生命周期图一、生命周期路径一，初始化组件过程 1、getDefaultProps 2、getInitialState 3、componentWil

刺骨的言语ヽ痛彻心扉/ 2022年10月02日 06:52/ 0 赞/ 228 阅读

相关 React生命周期

React生命周期钩子函数执行顺序 constructor => render =>componentDidMount ![在这里插入图片描述][watermark

骑猪看日落/ 2022年09月06日 01:40/ 0 赞/ 270 阅读

相关 React生命周期

转载：[React数据获取为什么一定要在componentDidMount里面调用？][React_componentDidMount] https://segment

拼搏现实的明天。/ 2022年05月21日 02:30/ 0 赞/ 290 阅读

相关 react 生命周期

Ract生命周期 React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁 ![588767-20161205190022429-1074951616.jpg

Dear 丶/ 2022年05月11日 03:44/ 0 赞/ 331 阅读

相关 react生命周期

前言学习React，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助. Ract生命周期 React 生命周期分为三种状态 1. 初始

傷城~/ 2022年05月08日 12:08/ 0 赞/ 312 阅读

相关 react的生命周期

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

叁歲伎倆/ 2022年03月28日 03:18/ 0 赞/ 196 阅读

相关 react生命周期

react生命周期，一直只关心自己常用的那几个，虽然基本能解决99%的问题，但是当被问到的时候，说的不清不楚还是让我很惭愧，所以今天我就专门来梳理一下react的生命周期 1

- 日理万妓/ 2022年03月07日 10:10/ 0 赞/ 307 阅读

相关 React生命周期

1、17版之前的生命周期图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

逃离我推掉我的手/ 2021年09月18日 14:32/ 0 赞/ 514 阅读