// init 初始化
1. constructor() // 组件一被创建就会执行,是 es6 中自带的函数,不是 react 独有的;
// mounting 挂载
2. componentWillMount() // 在组件即将被挂载到页面上的时候执行;
3. render()
4. componentDidMount() // 在组件已经被挂载到页面上的时候执行;
// updating 更新
5. shouldComponentUpdate() // 组件被更新之前执行,返回一个 boolean 值,该返回值决定了组件是否会被更新;
6. componentWillUpdate() // shouldComponentUpdate 返回 true 时,且组件将要更新之前执行;
7. render()
8. componentDidUpdate() // 组件更新完成之后被执行;
9. componentWillReceiveProps() // 1.一个组件要从父组件接收数据;2.如果这个组件第一次出现在父组件,不会被执行;3.如果组件之前已经存在于父组件,才会被执行;
// 父组件:render -> 子组件:componentWillReceiveProps -> 子组件:shouldComponentUpdate -> 子组件:componentWillUpdate -> 子组件:render -> 子组件:componentDidUpdate -> 父组件:componentDidUpdate
// unMounting 卸载
10. componentWillUnmount // 组件将要被卸载的时候执行;
// 父组件:render -> 子组件:componentWillUnmount -> 父组件:componentDidUpdate
3 react 生命周期小结
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 小知识点,分享大家,以备后查! 我们知道,react函数每次更新组件(或者数据)都需要this.setState(...
- 下面所写的,只适合前端的React。(React也支持后端渲染,而且和前端有点小区别,不过我没用过。) 相关函数 ...