如何设置Xstate在angular中使用Redux开发工具



我在一个有角度的项目中使用xstate进行状态管理。我做了

this.service = interpret(machine, { devTools: true }).start();

当启动我的机器时,redux开发工具没有从我的项目中接收任何事件。除了添加redux扩展之外,还需要其他设置吗。

Redux开发工具不可用于xstate。但它们提供了一个很棒的包:
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检查器,并在执行转换时向您显示转换,前提是您正确地编写了机器代码的其余部分。

相关内容

  • 没有找到相关文章

最新更新