2017-02-07 3 views
1

Ich habe einen reagieren-redux Proto ähnlich die folgenden-Sharing-Routing zwischen verschiedenen Reagieren Apps

html 
    <body> 
     <div id="app1"></div> 
     <div id="app2"></div> 
    </body> 

Es gibt 2 Wohn App ein gleiches Geschäft aber gemacht in verschiedenen div teilen. Die Reaktion Code tut so etwas wie dieses

Js 
     ReactDOM.render(
     <Provider store={ store }> 
      <Component1 /> 
     </Provider>, 
      document.getElementById('app1') 
     ); 

     ReactDOM.render(
     <Provider store={ store }> 
      <Component2 /> 
     </Provider>, 
      document.getElementById('app2') 
     ); 

Was passiert, wenn ich brauche eine gemeinsame reagieren-Routing-System zu implementieren, wo, wenn eine Änderung in app1 auftritt und modifiziert die URL, wird es weitergegeben app2 und auch diese entsprechend zu aktualisieren. ..something wie diese

Js 
     ReactDOM.render(
     <Provider store={ store }> 
      <Router history={ browserHistory }> 
      <Route path="/(:param)" component={ Component1 } /> 
      </Router> 
     </Provider>, 
      document.getElementById('app1') 
     ); 

     ReactDOM.render(
     <Provider store={ store }> 
      <Route path="/" component={ App2 }> 
      <Route path="/otherRoute(/:otherParam)" component={ Component2 } /> 
      </Route>   
     </Provider>, 
      document.getElementById('app2') 
     ); 

Aktion also in Component1 würde Unterwegs/otherRoute nennen (/: otherParam) gültig für komponente2 und auslösen machen in Component2

Ist es sogar möglich, mit Reagieren/Redux etwas, dies zu tun lebensfähig?

Antwort

Verwandte Themen