视频字幕
React 组件的生命周期是指组件从创建、挂载到 DOM、更新、直到从 DOM 中卸载的整个过程。这个过程可以分为四个主要阶段:挂载阶段、更新阶段、卸载阶段和错误处理阶段。
挂载阶段是组件被创建并插入DOM的过程。类组件依次调用constructor、getDerivedStateFromProps、render和componentDidMount方法。函数组件使用useEffect钩子,传入空依赖数组来模拟componentDidMount行为。
更新阶段发生在组件状态或属性变化时。类组件依次调用getDerivedStateFromProps、shouldComponentUpdate、render、getSnapshotBeforeUpdate和componentDidUpdate方法。函数组件使用带依赖项的useEffect钩子来响应更新。
卸载阶段发生在组件从DOM中移除时。类组件调用componentWillUnmount方法,函数组件则使用useEffect钩子返回的清理函数。错误处理阶段用于捕获子组件树中的错误,类组件可以使用getDerivedStateFromError和componentDidCatch方法。