导出为代码

如果你想在代码库中使用 XState 或者想在不使用 Fork 的情况下复制你的状态机，导出为代码是非常有用的。

你现在可以 从你的状态机生成一个 React 应用。

状态机的每个功能都会包含在代码中，除了 颜色 和 注释。下次打开 代码 面板时，会记住你上次使用的导出设置。

导出格式

你可以从 代码 面板或机器列表中机器名称旁边的 菜单中导出为代码。

使用 XState 版本 5 测试版 切换按钮在 XState 版本 4 和 XState 版本 5 支持的代码之间进行选择。使用 复制按钮将代码复制到剪贴板。

• 用于 XState 的 JSON 代码
• 用于 XState 的 JavaScript 代码
• 用于 XState 的 TypeScript 代码
• 用于文档的 Markdown (测试版) (在高级计划中可用)
• 用于需求和文档的 Stories (测试版) (在高级计划中可用)
• 用于 GitHub、GitLab 以及任何支持 Mermaid 的地方的 Mermaid 代码和图表

你也可以从 代码 面板或机器列表中机器名称旁边的 菜单中 从代码导入。

导出到 CodeSandbox 和 StackBlitz

你可以从 代码 面板将你的状态机导出到 CodeSandbox 和 StackBlitz。状态机将以你选择的格式导出为一个使用 XState 运行状态机的基本 JavaScript 应用。

将你的 Mermaid 代码包裹在带有 mermaid 语言标识符的围栏代码块中，以便 在 GitHub 上分享你的图表 和 在 GitLab 上分享你的图表。