在根之外渲染反应元素，但具有共享上下文
Render react element outside of the Root, but with shared context
我有一个正在迁移到 React 的应用程序，但我们还没有 React 中的应用程序布局，所以我需要一种方法来将多个 "root components" 渲染到具有共享上下文的布局中的不同位置（这样 redux 就可以适用于所有人）。
这是我的情况的简化dom：
<body>
<div class="navbar">
<ReactSearch ... />
</div>
<div id="react-root">
<ReactAppRoot ... />
</div>
</body>
我还不能移动整个布局，因为那将是一项艰巨的任务。
ReactAppRoot 有 redux provider 设置，监听 Pusher 等等。所以我想知道如何从中渲染 ReactSearch，如果它有意义的话。
您可以使用多个 Provider，因此将每个容器包装在您商店的 Provider 中，connect 照常，您应该可以开始了。
我有一个正在迁移到 React 的应用程序，但我们还没有 React 中的应用程序布局，所以我需要一种方法来将多个 "root components" 渲染到具有共享上下文的布局中的不同位置（这样 redux 就可以适用于所有人）。
这是我的情况的简化dom：
<body>
<div class="navbar">
<ReactSearch ... />
</div>
<div id="react-root">
<ReactAppRoot ... />
</div>
</body>
我还不能移动整个布局，因为那将是一项艰巨的任务。
ReactAppRoot 有 redux provider 设置，监听 Pusher 等等。所以我想知道如何从中渲染 ReactSearch，如果它有意义的话。
您可以使用多个 Provider，因此将每个容器包装在您商店的 Provider 中，connect 照常，您应该可以开始了。