Redux开发工具不可用于xstate。但它们提供了一个很棒的包:
我在一个有角度的项目中使用xstate进行状态管理。我做了
this.service = interpret(machine, { devTools: true }).start();
当启动我的机器时,redux开发工具没有从我的项目中接收任何事件。除了添加redux扩展之外,还需要其他设置吗。
npm i @xstate/inspect
或
yarn add @xstate/inspect
在你的代码中,无论你在哪里解释机器:
// add this statement before interpreting
inspect({ iframe: false });
const machine = Machine<DefaultContext, StateSchema, EventObject>(machineConfig as MachineConfig<DefaultContext, StateSchema, EventObject>).withConfig(machineOptions);
const interpreter = interpret(machine, { devTools: true}).start();
这将自动启动XState检查器,并在执行转换时向您显示转换,前提是您正确地编写了机器代码的其余部分。