挂载阶段(Mount:插入真实DOM)
第一次初始化显示: ReactDOM.render(<Xxx/>, containDom)
constructor()
componentWillMount() : 将要挂载
render() : 第一次渲染显示
componentDidMount() : 已挂载显示
-
componentWillMount
- 在组件即将被挂载到页面的时候自动执行。
-
componentDidMount
- 组件被已经挂载到页面之后自动执行。(初始显示)该函数代表组件实例化完成,这个时候非常适合执行1. 异步操作(Ajax) 2. 事件订阅
更新阶段(Update阶段:被重新渲染)
==componentWillReceiveProps==
一个组件要从父组件接收参数
如果这个组件第一次存在于父组件中,不会执行。
如果这个组件之前已经存在于父组件中,才会执行。
==shouldComponentUpdate==
当函数返回 true 的时候,周期函数会继续往下执行 render 渲染;当函数返回 false,周期函数则会中止于此,并停止下面的渲染。如果不设置,这个函数会默认返回 true。
==componentWillUpdate==
组件被更新之前,它会自动执行,但是前提是shouldComponentUpdate返回true它才执行
==componentDidUpdate==
-
componentDidUpdate
函数会在更新发生后立即被调用。