在 React 中使用 XState 检查当前机器状态的问题

Question

我试图从反应组件（state.value）中的函数内部检查机器状态，但它永远不会改变当前状态，它总是打印初始状态，但如果我在组件中放置 onClick 事件并调用控制台。 log(state.value)，它有效...我做错了什么？

const [state, send] = useMachine(knightMachine);

const loop = ()  => {
    console.log(state.value);
    
     setTimeout(loop, 10);
    
    }
    
    /// Always print the initial state.


    <div
    onClick={() => {
    console.log(state.value);
    }}
    ></div>
    
    /// It Prints the right value

Answer 1

这可能是由于陈旧的关闭造成的。您始终在循环中读取 state 的封闭值。

相反，您可以从 service.getSnapshot() 读取：

const [state, send, service] = useMachine(knightMachine);

// ...

console.log(service.getSnapshot().value); // up-to-date value

// ...