Я зарегистрировал три реагирующих приложения, используя single-spa, например:
registerApplication("core", () => import("./core.js"), () => true, customProps)
registerApplication("app1", () => import("./app1.js"), () => true, customProps)
registerApplication("app2", () => import("./app2.js"), () => true, customProps)
Каждое из этих приложений имеет свои собственные BrowserRouters.
app1.index. js
<BrowserRouter>
<Route exact path="/app1" render={() => <Component1 />} />
</BrowserRouter>
app2.index. js
<BrowserRouter>
<Route exact path="/app2" render={() => <Component2 />} />
</BrowserRouter>
В core.index. js У меня есть панель навигации, которая должна направлять в / app1 и / app2
<Link to"/app1">App1</Link>
<Link to"/app2">App2</Link>
Прежде всего, я вижу ошибку при использовании Link вне BrowserRouter (в core.index. js). Даже если я попытаюсь вложить теги ссылок в BrowserRouter в core.index. js, он только изменяет URL-адрес при щелчке ссылок, но представление не меняется.