react初识生命周期
Posted qq1109019275
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react初识生命周期相关的知识,希望对你有一定的参考价值。
好多朋友都在问我react生命周期执行的顺序
今天就说一下吧,
react有三种构建组件的方法:
第一呢,就是React.createClass(),ES5写法现在用的比较少
第二呢:ES6 class
第三呢:就是无状态了
react 的生命周期还是比较重要的
getDefaultProps:获取实例的默认属性
getInitialState:获取每个实例的初始化状态
这两个生命周期的是用于ES5写法,现在的话用的人比较少了
然后就是最常用的了
constructor:就是初始化数据的
componentWillMount:组件渲染之前
然后就是render了,生成虚拟的DOM
componentWillMount:组件渲染之后了
然后开始了分割线
shouldComponentUpdate://重要的生命周期哦,组件接收到新属性或者新状态的时候可以返回布尔值,如果是false,数据就不会更新,阻止render调用,后面的生命周期就不会执行
componentWillUpdate:组件即将更新,就不能更改属性和状态了
render:组件重新描绘
componentDidUpdate:组件已经更新
componentWillReceiveProps,组件接收到属性的时候调用
然后就执行shouldComponentUpdate之后的生命周期,跟上面的一样执行就好了
最后在最后
有一个销毁期
componentWillUnmount:组件销毁
好了好了,有错误的希望各位大牛指出来哦,小女子,先谢过了
以上是关于react初识生命周期的主要内容,如果未能解决你的问题,请参考以下文章