在xstate中使用嵌套状态

Question

我正在做一个有两个灯泡的家庭自动化项目。请参考我使用xstate创建的以下状态图。我也有精神，所以你可以看到它在视觉化也。

https://xstate.js.org/viz/?gist=119995cdff639c5b99df55278a32cf57

​

​

您可以看到，我需要处于autoInactive状态，这样我就可以打开和关闭灯泡，这很好。问题是，在autoActive状态下，我仍然想打开和关闭灯泡，但使用运动传感器。

这就是我想要做的。

off.

• autoActive
• autoInactive -用户可以使用用户界面打开灯泡，而
• 用户不能操作灯泡，但是运动传感器可以打开或关闭灯泡。

如何使用xstate实现这一目标？

Answer 1

我知道你说过你已经解决了这个问题，但我只是想看看我该如何解决这个问题--也许这会对你或其他人有帮助。

基本上，我对这个问题的处理方式略有不同(这在您的上下文中可能行不通)。我认为灯的条件(开或关)实际上与你所处的模式(自动或手动)是完全独立的。因此，我最终获得了两个并行状态，一个用于纯粹控制灯的状态，另一个是管理接口状态，它允许根据您所处的模式对灯进行不同的管理：

​

​

https://xstate.js.org/viz/?gist=4b815be2cc42e6e51b15ba39c99d53dc