javascript - 组件到底是做什么的？

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 does not render any visible UI. It activates additional checks and warnings for its descendants.