react生命周期函数

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

render也是

initialization(初始化）
constructor里

mounting（挂载）

componentWIllMount(){//在组件即将挂载到页面上时执行
}
//接下来render(){
}
conponentDidMount(){//挂载到页面之后自动执行
}

updation

componentWillReceiveProps(){//一个组件要从父组件接收参数
//只要父组件render函数被执行，子组件这个生命周期函数就会被执行
//如果组件第一次存在父组件中 不会执行 之前已经存在时会执行
}
shouldComponentUpdate(){
return true/false;(更新或不更新）
}
componentDidUpdate(){//组件更新完成之后执行
}

unmounting
componentWillUnmount

---

生命周期函数的使用场景
不可缺少的一个生命周期函数是render

性能优化：减少无谓的渲染

shouldComponentUpdate(nextProps,nextState)
nextProps下一个props会变成什么样
nextState 同理

if(nextProps.content !== this.props.content)
return true;
else
return false;

获取ajax请求时只需要请求一次 所以不能放在反复渲染的render中

componentDidMount(){
	axios.get('url')
	.then( ( )=>{.... })
	.catch( ( ) =>{  })
	
}