文章/答案/技术大牛

发布

社区首页 >问答首页 >在不同的React应用程序之间共享路由

问在不同的React应用程序之间共享路由
EN

Stack Overflow用户

提问于 2017-02-07 17:45:25

回答 1查看 794关注 0票数 1

我有一个类似于下面的react-redux proto

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

有2个生活的应用程序共享相同的商店，但渲染在不同的div。React代码如下所示

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

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

如果我需要实现一个共享的react-routing系统，当app1中发生变化并修改URL时，它会被传递给app2，并相应地将其更新为well...something，如下所示

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

因此Component1中操作将调用对component2有效的路由/otherRoute(/:otherParam)，并触发Component2中的呈现

有没有可能用React / Redux做这样可行的事情？

reactjs

redux

react-router

回答 1

Stack Overflow用户

发布于 2017-02-10 00:56:51

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

Simple Routing with Redux and React

You might not need React Router

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42086496

复制

相似问题

问在不同的React应用程序之间共享路由
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在不同的React应用程序之间共享路由EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在不同的React应用程序之间共享路由
EN