我用 single-spa + React 搭建微前端。
现在遇到一个可能比较低级的问题:

single-spa 建议所有的应用之间应该是兄弟关系,而不应该是父子嵌套关系。 那么问题来了:
主应用包含 Menu、Header,而我需要在图中的 Content 组件中来加载子应用,我该怎么办?
我用 single-spa + React 搭建微前端。
现在遇到一个可能比较低级的问题:

single-spa 建议所有的应用之间应该是兄弟关系,而不应该是父子嵌套关系。 那么问题来了:
主应用包含 Menu、Header,而我需要在图中的 Content 组件中来加载子应用,我该怎么办?
|
sparkinglemonNov 4, 2019
1
iframe,shadow dom,看你需要的兼容性和实际业务需求
|
|
sparkinglemonNov 4, 2019
2
content 内部使用 router 拆出去?
|
|
FawenNov 4, 2019
3
content 里面用路由就行了
|
|
dartabeNov 4, 2019
4
把 menu 和 content 合起来写子组件里面
|
|
dartabeNov 4, 2019
5
错了 可以用这种路由 /content/:id 把 nav1 nav2 nav3 id 传过去 或者用 path 类传一个 state 过去
|
|
howel52Nov 4, 2019
6
推荐一个基于 single-spa 的上层封装 [qiankun]( https://github.com/umijs/qiankun)
|
|
7
@sparkinglemon 需求就是上面说的。你说的我没怎么明白
|
|
DiamondYuanNov 4, 2019
10
@howel52 +1 推荐 qiankun
|
|
howel52Nov 4, 2019
11
@DiamondYuan 手动狗头
|
|
kuitosNov 18, 2019
12
@DiamondYuan +1 推荐 qiankun
|
|
rioshikelong121Dec 18, 2019
13
我的问题和你类似 我直接把子应用的挂载 DOM 放在主应用渲染出来的 DOM 里面了。
哥们你目前用的是 qiankun 还是 single-spa? |