什么是React StrictMode以及如何使用它

什么是React StrictMode以及如何使用它

你可以使用React.StrictMode 内置组件来启用 React 执行的一组检查，并向你发出警告。

一个简单的方法是在index.js文件中用<React.StrictMode></React.StrictMode> 包裹整个App组件。

import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
document.getElementById('root')

你也可以通过包装你的应用程序的一个或多个组件来使用它。

import React from 'react'

class Hello extends React.Component {
  render() {
    return (
    <div>
      <React.StrictMode>
      ...
      </React.StrictMode>
    <div>
    )
  }
}

这个组件的主要用例之一是作为一个自动的最佳实践、潜在问题和废弃检查。

它不能捕捉所有的东西，但你在这里有很多很好的检查，可以帮助你修复低悬的果实。

在2018年3月的React 16.3中引入，它在生产中的影响为零，所以你可以一直把组件留在代码库中。在开发中使用，它将在浏览器的JavaScript控制台中打印有用的警告。