react生命周期

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react生命周期相关的知识,希望对你有一定的参考价值。

1.getDefaultProps

初始化设置props

2.getInitialState

初始化设置state

3.componentWillMount

第一次完成渲染时调用

4.componentDidMount

第一次渲染完成后调用,且仅调用一次,一般用于绑定时间

5.componentWillReceiveProps

渲染完成再次收到Prop时调用

6.shouldComponentUpdate

暂时还用用到过

7.componentWillUpdate

接收到新props或者state时调用

8.componentDidUpdate

每次渲染完成都会调用,在滚动插件isCroll中每次dom的结构变化时,整体的高度发生变化,所以要调用这个方法去reflash

9.componentWillUnmount

在组件清楚前调用,用户清理工作,或者添加消失的动画

 

以上是关于react生命周期的主要内容,如果未能解决你的问题,请参考以下文章

react 生命周期

React生命周期详解

React组件的生命周期函数

react新的生命周期函数getDerivedStateFromProps

react生命周期详解

react native 生命周期详解