在 React 中使用 XState 檢查當前機器 state 的問題

Question

我試圖從反應組件（state.value）中的 function 內部檢查機器 state，但它從不更改當前的 state，它始終打印初始 state，但如果我在組件中放置 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

// ...