0
点赞
收藏
分享

微信扫一扫

react生命周期总结


组件被创建插入DOM中的时候,它的生命周期如下:

constructor()

static getDerivedStateFromProps()

render()

componentDidMount()

constructor()构造函数

组件被加载时,最先调用(仅仅一次)

其中的作用是定义状态变量

第一个语句为super(props)

componentWillMount()

组件即将被装载、渲染到页面上(render()被调用之前)调用(仅仅调用一次)

在函数中调用setState中改变状态,react等setState完成后再渲染组件

render()

在componentWillMount()之后,在componentDidMount()之前
生成虚拟的DOM节点
渲染挂载组件

初始化页面、接收新的props(父组件更新)

componentDidMount()


在render()之后被调用,仅仅调用一次
组件真正被装载之后。

componentWillUnmount

组件被卸载时调用
在该函数中执行任何必要的清理,定时器

componentWillUpdate

组件即将更新,不能修改属性和状态

componentWillUpdate()

组件已经更新

shouldComponentUpdate()

组件接收新的属性或者新的状态的时候调用(可以返回false,接受数据后不更新,阻止render调用,之后的函数将不被执行)

componentWillReceiveProps

组件将接收到属性的时候调用,


举报

相关推荐

0 条评论