Reactjs 在不同应用程序之间共享路由_Reactjs_Redux_React Router

Reactjs 在不同应用程序之间共享路由

reactjs redux

Reactjs 在不同应用程序之间共享路由,reactjs,redux,react-router,Reactjs,Redux,React Router,我有一个react-redux原型，如下所示 html <body> <div id="app1"></div> <div id="app2"></div> </body> html 有两个生活应用程序共享同一个商店，但呈现在不同的分区中 Js ReactDOM.render( <Provider store={ store }&

我有一个react-redux原型，如下所示

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

html

有两个生活应用程序共享同一个商店，但呈现在不同的分区中

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

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

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')
        );

Js
ReactDOM.render(
,
document.getElementById（'app1'）
);
ReactDOM.render(
,
document.getElementById（'app2'）
);

如果我需要实现一个共享的react路由系统，当app1中发生更改并修改URL时，它会被传递到app2并相应地更新它，该怎么办

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

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

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')
        );

Js
ReactDOM.render(
,
document.getElementById（'app1'）
);
ReactDOM.render(
,
document.getElementById（'app2'）
);

因此，Component1中的操作将调用对component2有效的Route/otherRoute（/：otherParam），并触发component2中的render

甚至可以使用React/Redux来做一些这样可行的事情吗

看来解决这个不寻常问题的最佳方法是不使用react路由器，而是直接使用库历史（react路由器所基于的历史）实现自定义路由器。更多的资源