为什么在非严格模式下使用 useState 进行多次渲染？

在 React 中使用 useState 时，你可能会注意到你的组件渲染不止一次。即使没有启用严格模式，这种行为也可能出现，需要一些澄清。

单击“更改编号”按钮后，由于额外的组件渲染，您将观察到两个控制台语句（“此处”）。正如之前所建议的，这背后的原因不是严格模式。相反，React 会触发双重渲染，以促进更具确定性的开发环境。

根据 React 的文档，开发中的非严格模式会执行以下操作：

• 有意调用组件构造函数，渲染和状态更新函数两次。
• 将函数组件的主体和钩子的调用加倍，例如useState.

这种双重渲染提供了检测代码中潜在副作用的机会，从而尽早突出显示性能问题或错误。虽然这种额外的渲染不会在生产中发生，但它在开发过程中可以作为有价值的故障排除帮助。