React生命周期函数(学习与总结)
分类： React、WEB前端 2737 1
先说一下什么是生命周期函数？
生命周期函数是指在某一个时刻组件会自动调用执行的函数。
在 Initialization中，也就是React组件创建或者初始化，会自动调用constructor(), constructor是es6当对象创建自动调用的一个函数。在React中把constructor理解成生命周期函数也行，就是React组件初始化可以在constructor中设置state以及接受props。
componentWillMount — 在组件即将被挂载到页面上的时刻自动执行(最新版本将被废弃) 。
render — 当组件第一次加载被执行或者state,props发生改变后执行。render函数一定要在组件中定义。其他生命周期函数不是必须的。
componentDidMount — 组件被挂载到页面之后,自动执行 。
shouldComponentUpdate — 组件被更新之前,自动执行,一定要有返回值 。
componentWillUpdate — 组件被更新之前,自动执行,但是它在shouldComponentUpdate之后执行 。 如果shouldComponentUpdate返回true才会执行 ， 如果返回 false,这个函数就不会被执行 。
componentDidUpdate — 组件更新完成之后执行 。
componentWillReceiveProps — 当一个组件从父组件接受参数 ， 如果这个组件第一次存在于父组件中,不会被执行 ， 如果这个组件之前已经存在父组件中,才会执行 。
componentWillUnmount — 当这个组件即将从页面中剔除的时候,才会执行 。
React 我也是刚开始学习，写了一个小练习。放到了github上，里面有详细的注释。有兴趣的可以clone一下。
共 1 条评论关于 “React生命周期函数(学习与总结)”