在根之外渲染反应元素,但具有共享上下文
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
照常,您应该可以开始了。