严格模式

React 的严格模式是一个用于突出显示应用中潜在问题的工具,StrictMode 组件不会渲染任何 UI,只会对它所包裹的所有子代元素进行额外的检查和警告。要对组件启用严格模式,只需要将其用标签 <React.StrictMode></React.StrictMode> 包裹即可。严格模式仅在开发模式下运行,不会影响生产模式的构建。

严格模式目前可以用于检测以下潜在的问题:

  • 组件将额外渲染一次,用来查找由于非纯渲染引起的错误。
  • 使用了过时字符串 ref API。
  • 使用了已经废弃的 findDOMNode
  • 意外的 Effect。组件将额外运行 Effect 一次,用来查找由于 Effect 清理过程缺失引起的问题。
  • 使用了过时的 Context API。