react中的生命周期

挂载阶段（Mount：插入真实DOM）

image.png

    第一次初始化显示: ReactDOM.render(<Xxx/>, containDom)
            constructor()
            componentWillMount() : 将要挂载
            render() : 第一次渲染显示
            componentDidMount() : 已挂载显示

1. componentWillMount

   • 在组件即将被挂载到页面的时候自动执行。

2. componentDidMount

   • 组件被已经挂载到页面之后自动执行。（初始显示）该函数代表组件实例化完成，这个时候非常适合执行1. 异步操作(Ajax) 2. 事件订阅

更新阶段（Update阶段：被重新渲染）

组件钩子函数react之更新阶段.png

==componentWillReceiveProps==

一个组件要从父组件接收参数

如果这个组件第一次存在于父组件中，不会执行。

如果这个组件之前已经存在于父组件中，才会执行。

==shouldComponentUpdate==

当函数返回 true 的时候，周期函数会继续往下执行 render 渲染；当函数返回 false，周期函数则会中止于此，并停止下面的渲染。如果不设置，这个函数会默认返回 true。

==componentWillUpdate==

组件被更新之前，它会自动执行，但是前提是shouldComponentUpdate返回true它才执行

==componentDidUpdate==

• componentDidUpdate 函数会在更新发生后立即被调用。