React技术疑问：是否需为ReactDOM.createPortal组件添加<StrictMode>？

不需要在每次调用ReactDOM.createPortal时额外包裹<StrictMode>。

原因很简单：StrictMode的检查作用是沿React组件树向下传递的。只要你的根应用已经被<StrictMode>包裹（比如你给出的ReactDOM.render示例那样），那么通过createPortal渲染的组件，虽然DOM结构上挂载在其他位置，但它依然属于整个React组件树的一部分，会自动受到上层StrictMode的严格检查。

额外在Portal里重复包裹StrictMode不仅没必要，反而可能导致一些重复的检查行为（比如某些生命周期钩子或副作用被执行两次的情况被放大），干扰开发时的调试。

举个例子，只要根组件是这样的：

ReactDOM.render(
  <StrictMode>
    <App />
  </StrictMode>,
  theMainDiv
);

那么在App内部使用createPortal渲染的任何内容，比如：

ReactDOM.createPortal(
  <OtherStuff />,
  aDomElement
);

<OtherStuff>以及它的子组件都会自动处于StrictMode的检查范围内，不需要额外添加。

内容的提问来源于stack exchange，提问作者SKi