在TypeScript/Web组件中处理全局变量的方法

s4n0splo  于 2023-02-20  发布在  TypeScript
关注(0)|答案(1)|浏览(164)

我有两个软件包/存储库-一个包含我的(web)组件,另一个包含应用程序本身的父存储库,应用程序存储库导入组件库。
App library --> components library
在应用程序库中,我执行所有API调用,包括获取JSON对象权限。由于一些UI元素需要反映用户的权限级别,因此我需要将此信息向下分发到组件库(显然,我在BE端再次验证用户和操作)。我使用TypeScript和Web组件(Polymer 3)。
将这些信息作为“全局变量”或“状态”传递的好方法是什么?Window不好的原因很明显,例如任何东西都可以读/写它。似乎“globalThis”也有类似的问题:Custom global variable in typescript
我已经检查了外部包作为Reddux,但如何工作时,应用程序导入组件库,而不是反之亦然?任何其他想法?

w8rqjzmb

w8rqjzmb1#

在TypeScript中,在包/存储库之间传递信息的一种方法是使用状态管理库,如Redux或MobX。这些库允许您定义全局状态,并从应用程序的任何部分访问它。您可以在父存储库中设置状态,并将其作为属性或通过上下文传递给组件库。

相关问题