2017-05-31 2 views
1

Ich habe eine App, die wir auf Reagieren bewegen, und wir haben noch nicht das Layout der App in React, also brauche ich eine Möglichkeit, mehrere "root-Komponenten" in verschiedene Orte im Layout mit einem gemeinsamen Kontext (so dass redux über alle hinweg funktioniert).Render-Element außerhalb des Stamms, aber mit gemeinsamem Kontext

Dies ist eine vereinfachte dom meiner Situation:

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

Ich kann nicht das ganze Layout noch bewegen, da, dass ein großes Unternehmen sein würde.

Die ReactAppRoot hat die Redux-Provider-Setup, hört Pusher und so weiter. Ich möchte also die ReactionSearch davon wiedergeben, wenn es Sinn macht.

Antwort

1

Sie können mehrere Provider s verwenden, also wickeln Sie jeden Container in die Provider für Ihr Geschäft, connect als normal, und Sie sollten gut gehen.

+1

könnten Sie mehr Details geben? Es wäre sehr hilfreich – fnaquira

Verwandte Themen