在单个React App容器内路由多个React子应用

时间:2018-12-25 12:15:21

标签: reactjs

我想申请新闻:

我有以下子应用: 文章 聊天室 促销

我想在一个应用程序中调用所有这些子应用程序。 我在News应用程序的index.html中所做的事情:

<!-- app container !-->
<div id="app-news"><script src="bundle to news app"><div>

<!-- subapps !-->
<div id="app-chat"><script src="bundle to chat"><div>
<div id="app-promotions"><script src="bundle to promotions"><div>
<div id="app-news"><script src="bundle to news"><div>

每个子应用程序都是一个React应用程序(具有其路线,视图,页面和服务)。 该容器也是一个React App。

在应用聊天中,我这样做:

ReactDOM.render(Router-chat, "app-chat")

在应用程序文章中,我做了:

ReactDOM.render(Router-articles, "app-articles")

在容器中我也有一个React Router:

ReactDOM.render(Router-news, "app-news")

我使用 HashRouter Switch

我得到了成功的渲染(显示了所有应用程序),但是路由器不起作用。

有什么建议吗?

谢谢:)

0 个答案:

没有答案