在Root之外渲染react元素,但是使用共享上下文

时间:2017-05-31 18:54:45

标签: reactjs react-dom

我有一个应用程序,我们正在转移到React,我们在React中没有应用程序的布局,所以我需要一种方法来渲染多个"根组件"使用共享上下文在布局中的不同位置(以便redux适用于所有)。

这是我情况的简化:

<body>
  <div class="navbar">
    <ReactSearch ... />
  </div>
  <div id="react-root">
    <ReactAppRoot ... />
  </div>
</body>

我无法移动整个布局,因为这将是一项重大任务。

ReactAppRoot具有redux提供程序设置,侦听Pusher等等。所以如果有意义的话,我想从homehow渲染ReactSearch。

1 个答案:

答案 0 :(得分:1)

您可以使用多个Provider,因此请将每个容器包装到商店的Providerconnect正常,您应该好好去。