react组件的生命周期的三个阶段
创建阶段、更新阶段、销毁阶段。创建阶段指react组件对应的虚拟dom被创建，react对应的真实的dom结构被创建，并被插入到dom中；更新阶段是由props、state变化或者强制调用forceUpdate引起的dom更新，包括虚拟dom更新，实际dom结构更新；销毁阶段是指该组件的销毁，从dom中移除。
react为这三种阶段的不同时机提供了很多钩子，让我们执行对应的操作。下面将详细地介绍一下这些钩子函数。
创建阶段 1.constructor 2.componentwillMount 3.render 4.componentDidMount 更新阶段 1.componentwillReceiveProps 2.shouldComponentUpdate 3.componentwillUpdate 4.render 5.componentDidUpdate 销毁阶段 1.componentwillUnmount 错误发生时 1.componentDidCatch(16新添加)
注意：调用setState方法引起的更新阶段，不会调用componentwillReceiveProps方法，forceUpdate方法引起的更新不会调用componentwillReceiveProps和shouldComponentUpdate方法。
constructor(props)
注意如果存在，要调用super(props)，适合初始化state和在this上挂载方法，不要在这里注册事件监听，保证函数没有副作用，在这里面初始化state不用调setState方法，直接给state赋值。this.state={}
render
可以返回React elements、string、number、null、Portals，注意不能返回undefined。Portals是16添加的，
ReactDOM.createPortal(ele,document.getElementById('app')
componentwillMount
在componentwillMount后立马触发render，在这个里面调用setState不会触发新的渲染，不要在函数里面引入副作用和事件订阅函数
componentDidMount
获取数据和订阅事件都适合在这里面。这个函数里面的setState会触发新的渲染，但是在浏览器更新屏幕之前发生，也就是说就算render方法在这种情况下调用了两次，用户也不会看见两次不一样的页面
componentwillReceiveProps(nextProps)
shouldComponentUpdate(nextProps,nextState)
默认时返回true，可以使组件继承React.PureComponent，这样在这个方法调用时会对prop和state进行一个浅比较
componentwillUpdate
componentDidUpdate
适合请求网络获取数据
componentwillUnmount
适合做必要的清除操作，比如使定时器失效，取消网络请求，清除订阅操作
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
