*当state 或者 props 中的内容发生改变时 render函数就会执行
react 中的生命周期函数:
getDefaultProps :
-- 可以用于设置默认的 props 并且只会调用一次
:在es5 and es6 中的用法不同
es5 es6getInitialState :
-- 用来初始化每个实例的 state,
-- 与 props 的区别在于 state只存在组件的内部,props 在所有实例中共享
在es5 and es6 中的用法不同
-- es6 中可以通过 this.state 在构造函数中指定初始状态
修改值的时候 使用 this.setState
componentWillMount :
- - 在渲染之前调用 , 也是再 render 方法调用之前修改 state 的最后一次机会
render :
- - 渲染
componentDidMount :
- - 在获取数据的时候 一般都会 在这里写请求
shouldComponentUpdate :
- - 接收两个参数(nextProps, nextState)在组件更新之前 被调用 他会返回一个bool值 true 或者 false 来判断 组件是否要被更新
componentWillUpdate :
- - 在组件更新之前被执行, 但在shouldComponentUpdate 之后 , 是否会执行取决于 shouldComponentUpdate 返回值 false 将不再执行
componentDidUpdate :
- - 组件更新之后 会被执行
componentWillReceiveProps :
- - 当接收父组件的传值 并且 父组件的render 函数被执行 那么它执行 例外 如果这个子组件第一次存在父组件那 么不会执行
componentWillUnmount :
- - 在组件即将被销毁的时候调用
s
网友评论