<React.StrictMode> </React.StrictMode>组件到底是做什么的？

Question

我在React实践中找到了这个组件，但是我不知道确切的行为是什么。

例如

const App = () => {
  return (
    <React.StrictMode>
      <div id="cool-attribute">
        <h1>Welcome to the Jungle!</h1>
        <SearchParams />
      </div>
    </React.StrictMode>
  );
};

Answer 1

首先，您需要了解的是严格模式到底是什么。

严格模式是一种模式，在该模式下，编译器会格外小心一些附加指令，不会自行消除静默错误，而是会将其丢弃并在编码时施加更多限制。有关更多信息，请follow

React.StrictMode是一回事，但在专门使用React时会提供更多限制。这是一个全面的guide

如果您期望UI有所帮助，请停止操作，因为根据React.StrictMode文档：

StrictMode不呈现任何可见的UI。它会为其后代激活其他检查和警告。