React(三) 生命周期函数

生命周期函数

• 生命周期函数指在某一个时刻组件会自动调用执行的函数

一个React组件会经历以下这些过程

1. Initialization是初始化过程，组件会初始化自己的数据（props，state）
2. Mounting数据渲染挂载到页面上，挂载会经历几个周期，componentWillMount -> render -> componentDidMount
   componentWillMount 和 componentDidMount只有在页面第一次挂载的时候才会被执行
3. Updation组件更新，当props或states发生变化的时候，页面更新会被执行。二者流程略有不同。shouldComponentUpdate在组件被更新之前，它会自动执行并返回一个布尔值，只有当布尔值为true时，才会执行后续的生命周期函数。
   props中的componentWillreceiveProps，如果在顶层组件中，没有父组件传递props参数的话，该生命周期函数不会被执行。如果这个组件第一次存在于父组件中，不会执行，如果这个组件之前已经催在与父组件中，才会执行。
4. Unmounting当这个组件即将被从页面中剔除的时候，会被执行,这是子组件的生命周期函数。

使用场景

• shouldComponentUpdate避免render函数做无谓的重新渲染，性能优化。
• ajax请求放在componentDidMount里是最佳的，如果放在render里会出现死循环，重复调用请求，这是完全没有必要的。

中间断电一次，导致原本写完的博客全没了，，，忘记保存了，，瞬间不想写了，最近才重新完善写了一遍，，，在此提醒各位，数据无价