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

Ways to handle global variables in TypeScript/web components

提问人:DeveloperNew 提问时间:2/19/2023 更新时间:2/19/2023 访问量:173

问:

我有两个包/存储库 - 一个包含我的 (Web) 组件,另一个包含包含一组这些组件的应用程序本身的父存储库。应用程序存储库导入组件库。数据浮动

App library --> components library

在应用程序库中,我进行所有 API 调用,包括获取权限,这是一个 JSON 对象。我需要将这些信息分发到组件库,因为某些 UI 元素需要反映用户的权限级别(显然,我再次在 BE 端验证用户和操作)。我使用 TypeScript 和 Web 组件 (Polymer 3)。

将这些信息作为“全局变量”或“状态”传递下去的好方法是什么?由于显而易见的原因,窗口不好,例如一切都可以读/写它。似乎“globalThis”有类似的问题: 打字稿中的自定义全局变量

我已经将外部包检查为 Reddux,但是当应用程序导入组件库时,反之亦然,这将如何工作?还有其他想法吗?

JavaScript TypeScript 聚合物 Web 组件

评论

0赞 Danny '365CSI' Engelman 2/19/2023
FYI Polymer 3.0 已进入其生命周期的尽头。谷歌现在做 Lit:lit.dev 而且可能在 5 年后再次出现完全不同的东西 Angular-1 万岁!

答: 暂无答案