Javascript 将组件注入到特定的div中，而无需重复

有一个“门户”模式，它指定一个元素应该附加到

document.body

。我想要类似的东西，但是，它必须附加到特定的组件。我的基本布局组件如下所示（）：

{/*这就是问题所在*/}
{儿童}

与其呈现到

document.body

，它应该找到

PortalTarget

元素（理想情况下只呈现一个），然后将

附加到该DOM节点中

我在创建和存储对

的引用时遇到了特别的问题，没有redux，我似乎找不到一个好方法

---

是否有方法在“响应”中执行此操作？

如果使用外部库问题而不是问题，请在任何搜索引擎上键入“React portal”或“React gateway”

---

有一些经过战斗测试的库。

如果使用外部库问题不成问题，只需在任何搜索引擎上键入“react portal”或“react gateway”

---

那里有一些经过战斗测试的库。

您可能会感兴趣（虽然我自己没有尝试过）。您可能会感兴趣（虽然我自己没有尝试过）。在代码中，它们特别有

document.body

编码，通常进一步阅读第一个serp结果是一个好习惯。请阅读react Getway文档：在代码中，他们特别有

文档。正文
编码，通常进一步阅读第一个serp结果是一个好习惯。请阅读react Getway文档：
<div className={styles.container}>
  <div className={styles.header}>
    <Navbar />
  </div>

  {/* Here be the problem */}
  <PortalTarget />

  <div className={styles.content}>
    <div className={styles.leftSidebar}>
      <SidebarNav />
    </div>
    <div className={styles.main}>
      {children}
    </div>
  </div>
</div>