组件生命周期-挂载阶段
执行时机:组件创建时(页面加载时)
constructor-创建组件时,最先执行-作用:1、初始化state 2、创建ref 3、使用bind解决this指向问题
render-每次组件渲染都会触发-作用:渲染UI(注意:在render内部不能调用setState())
**componentDidMount-组挂载后(DOM渲染完成)-作用:1、发送网络请求 2、DOM操作
组件生命周期-更新阶段
执行时机:1、setState() 2、forceUpdate() 3、组件接收到新的props
render-每次组件渲染都会触发-作用:渲染UI
componentDidUpdate-组件更新(完成DOM渲染)后-作用:DOM操作,可以获取到更新后的DOM内容,不要调用setState
组件生命周期-卸载阶段
执行时机:组件即将要卸载时
**componentWillUnmount-组件要卸载时-作用:自定义的一些需要停止的程序(例如:定时器、自定义window监听事件)
class Life extends React.Component{
state={opacity:1}
unMount=()=>{
// 卸载组件
// clearInterval(this.timer)
ReactDOM.unmountComponentAtNode(document.getElementById('test'))
}
// 组件挂载完毕
componentDidMount(){
console.log