使用xstate,是否可以配置在所有状态下均适用并且在所有状态和子状态之间以相同方式处理的事件?

时间:2020-04-23 17:56:07

标签: javascript node.js fsm statechart xstate

我是xstate的新手,我正尝试在应用程序中使用它,用户可以根据父状态和/或子状态在应用程序中请求不同的内容。但是,无论应用程序处于什么状态/子状态,用户都应该能够发出一些请求。无论以前的状态是什么,对这些事件的响应都是相同的。 如何配置此事件,这样我就不必在所有状态/子状态下重复定义它?

1 个答案:

答案 0 :(得分:3)

是-选择过渡的算法类似于DOM事件传播,因为它从叶节点搜索到根节点。

您可以在根节点(顶级)上定义过渡,该过渡将自然以任何状态处理:

import { createMachine } from 'xstate';

const machine = createMachine({
  // ...

  // top-level transitions
  on: {
    ESC: {/* ... */}
  },
  states: {
    // ...
    someState: {
      on: {
        ESC: {/* override top-level transition */}
      }
    }
  }
});