本文详细解析React组件的12个生命周期函数，包括constructor、getDerivedStateFromProps、componentWillMount、render、componentDidMount、componentWillReceiveProps、shouldComponentUpdate、UNSAFE_componentWillUpdate、getSnapshotBeforeUpdate、componentDidUpdate、componentWillUnmount和componentDidCatch。介绍了各函数的作用、使用场景及注意事项，帮助深入理解React组件的生命周期。
最好连接上一篇文章一起查看，能更好的理解该文章：
react生命周期函数执行过程：
https://blog.youkuaiyun.com/g1437353759/article/details/109010693
1、constructor(props)
React组件的构造函数在挂载之前被调用。在实现React.Component构造函数时，需要先在添加其他内容前，调用super(props)，用来将父组件传来的props绑定到这个类中，使用this.props将会得到。
官方建议不要在constructor引入任何具有副作用和订阅功能的代码，这些应当使用componentDidMount()。
constructor中应当做些初始化的动作，如：初始化state，将事件处理函数绑定到类实例上，但也不要使用setState()。如果没有必要初始化state或绑定方法，则不需要构造constructor，或者把这个组件换成纯函数写法。
当然也可以利用props初始化state，在之后修改state不会对props造成任何修改，但仍然建议大家提升状态到父组件中，或使用redux统一进行状态管理。
constructor(props) {
super(props)
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
