React之生命周期函数

• Z时代
• 2024-01-10
• 分类：综合

一：Mounting

1：componentWillMount():在组件即将挂载在页面的时刻自动执行

2：render():

3：componentDidMount():在组件挂载在页面后的时刻自动执行

二：Updation

1：componentWillReceiveProps():需要满足三个条件才会执行

一个组件要从父组件接受参数

如果这个组件第一次存在父组件中，不会执行

如果这个组件已经存在父组件中，才会执行                            

2：shouldComponentUpdate():组件被更新之前，会自动执行，返回一个布尔值，

表示组件是否应该被更新

如果return true；执行组件更新函数componentWillUpdate()

3：componentWillUpdate():组件被更新之前，会自动执行,

但是它在shouldComponentUpdate()返回true之后执行

如果shouldComponentUpdate()返回的是false，则不执行

4：render():重新渲染虚拟DOM

5：componentDidUpdate():组件被更新之后，会自动执行

三：Unmounting

1：componentWillUnmount():组件卸载之后执行

以上是 React之生命周期函数 的全部内容， 来源链接： utcz.com/z/382689.html