为什么 React 18 类组件在严格模式下，模拟渲染的 constructor 会先于首次渲染的 componentDidMount 执行？

为什么 react 18 的类组件在严格模式下会执行的模拟渲染 constructor 会先于首次渲染的 componentdidmount 执行？

React 18 在严格模式下引入了一次模拟渲染，导致类组件的生命周期表现如下：

1. 模拟渲染：constructor → componentDidMount
2. 首次渲染：constructor → componentDidMount

这导致了组件卸载时重置了后续渲染的初始化对象，引发报错。

解决方案：

可以使用以下方法解决此问题：

• 将对象的初始化放在 componentDidMount 内。

• 使用 React 的新生命周期方法：

  • getDerivedStateFromProps
  • getSnapshotBeforeUpdate

这两个方法将在每次渲染前调用，确保对象的初始化在每次渲染中都执行。

以上就是为什么 React 18 类组件在严格模式下，模拟渲染的 constructor 会先于首次渲染的 componentDidMount 执行？的详细内容，更多请关注其它相关文章！