如何在StencilJS组件之间共享状态

Question

我想在我的StencilJS组件之间共享状态。因此，我检查了他们在API site上推广的Redux实现。它的作用类似于

@Prop({ context: "store" }) store: Store;

但是现在我只涂了BREAKING_CHANGES，它描述了不建议使用context。我实际上很喜欢使用context，但是如果不建议使用，我该如何在组件之间共享状态。我真的不希望将所有内容从父母到孩子再传递到其他地方。

Answer 1

(0) API即使已被弃用，仍然可以使用，至少在更新context程序包之前。

如果您正在寻找一种简单的全局状态替代方法，则应该看看@stencil/redux（https://github.com/manucorporat/stencil-store/tree/master/packages/stencil-store）。它允许您使用@stencil/store创建商店并返回createStore(initalState)引用，您可以将其导入并引用到组件中。当商店的状态发生变化时，库将负责触发组件的更新。