Skip to content

Sources

您可以从 Sources 面板添加演员、动作和守卫的源代码。您的源代码将包含在您的实时演员、同步项目和导出的代码中，这些代码可以在 Code 面板中找到。

添加源代码​

您可以从 Sources 面板添加源代码。使用画布上动作、演员或守卫旁边的 编辑按钮打开其源代码。

您也可以在不选择动作、演员或守卫的情况下打开 Sources 面板。默认情况下，Sources 面板显示机器中的所有源代码，您也可以添加新的源代码而无需引用动作、演员或守卫。机器中当前引用的源代码在 Sources 面板中会被高亮显示。未使用的源代码会被淡化显示。

每个源代码都需要一个名称（ID）和源代码。ID 用于引用源代码。演员、动作或守卫的源代码将包含在生成的代码中。源代码具有独特的名称，因此多个演员、动作或守卫可以引用它们。

未命名的动作、演员和守卫​

从代码库导入机器时，未命名的动作、演员和守卫会根据其在机器配置中的位置分配一个默认名称。例如，以下动作：

createMachine({
  states: {
    a: {
      states: {
        b: {entry: [assign({name: 'laura'})]}
      }
    },
  }
})

将被赋予默认名称 inline:(machine).a.b#entry[0]。这些默认名称在编辑器中不可见，但会在同步或导出的代码中使用，除非您为您的动作、演员或守卫命名。inline: 被添加到名称前，以使它们更易读和在代码中更容易找到。首次导入机器后，我们建议您为所有动作、演员和守卫命名。命名是一次性步骤，您可以随时重命名它们。

删除源代码​

您只能删除未被任何演员、动作或守卫引用的未使用源代码。这可以防止您意外删除机器中当前使用的源代码。

源代码模板​

每种源代码类型都有可选的逻辑模板。您可以使用模板按钮快速添加 XState 的逻辑创建器、高级守卫和内置动作的实现代码，并且正确的 XState 导入将被添加到您的同步或导出代码中。

格式化​

您可以使用 格式化按钮通过 Prettier 格式化您的源代码。