typescript - SPFx 项目中的变量？

Question

我正在使用带有 React 框架的 SPFx 开发 Web 部件，表示层位于名为 Refiner.tsx 的文件中，而另一方面，我的逻辑位于另一个名为 RefinerWebPart.ts 的文件中。

如何在两个模块上都可以访问“全局”（因为缺少更好的术语）？

Answer 1

在组件（tsx）的设置过程中，您可以将道具传递给它，您可以将逻辑移动到另一个类并在调用它时将参数传递给方法。你不应该真的需要一个全局变量。如果您无法从组件外部访问某些内容，请在其中编写一个方法。如果您需要从外部类调用此方法，您可以将“this”（当前组件）作为参数传递。

如果您想在此处阅读全局变量的概念（https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/share-data-between- web-parts#store-the-retrived-data-in-a-globally-scoped-variable），但你不应该在你的情况下需要它，而你可以使用道具和状态

希望这可以澄清事情