React生命周期和钩子函数

一、React生命周期

React生命周期可以分为三个阶段：挂载阶段（Mounting）、更新阶段（Updating）、卸载阶段（Unmounting）。

1、挂载阶段（Mounting）

组件实例被创建并插入到DOM中，依次执行constructor()、render()和componentDidMount()

• constructor()：用于初始化state和绑定事件处理函数等。
• render()：根据当前的状态和属性渲染UI。
• componentDidMount()：在组件挂载完成后立即调用，适合执行网络请求或DOM操作等。

2、更新阶段 （Updating）

组件的props或state发生变化时，组件会重新渲染。依次执行render()、shouldComponentUpdate()（可选）、componentWillUpdate()（可选）、getDerivedStateFromProps()（可选，React 16.3引入）、getSnapshotBeforeUpdate()（可选，React 16.3引入）和componentDidUpdate()

• sho