如何使 mobx 存储在单个 spa 应用程序根配置中以在所有微应用程序之间共享数据和状态？

Question

我是微前端的新手。我目前正在使用 single-spa 框架。我已经学习了微前端应用程序的创建和集成，但我在微应用程序之间共享数据、UI 通用组件和状态方面面临问题。任何人都可以使用 mobx 或任何其他解决方案或库解释这些过程吗？

我在 youtube 和 google 上搜索，但没有得到任何结果。

Answer 1

正如其他人所说，您的问题太宽泛，无法提供可接受的答案。不过，我会自愿提供这个。

single-spa

库（它不是框架）与状态无关，因此没有任何规定。您可以在其中找到是将道具传递给组件的机制。

现在，掌握了这些知识，您可以开始研究如何根据状态管理库的可能性在微前端之间共享状态。请记住，

single-spa

不支持特定的框架或库，因此它的概念仍然是不可知的。无论你使用 mobx、Redux、Svelte 商店、Pinia 还是其他任何东西，都超出了

single-spa

的范围。

现在，个人，我使用 Svelte 并使用 Svelte 商店。存储可以通过 props 传递，因此在微前端之间共享状态非常简单，即使它们不是 Svelte，因为 Svelte 存储可以轻松地从 React、Vue、Solid 或任何其他应用中使用。