我正在嘗試將我從 Udemy 學到的 Javascript 游戲轉換為反應應用程序。它顯然稱為 Pig-Game。您可以擲骰子并將其值添加到您的銀行中，直到您擊中 1，然后輪到您的對手擲骰子。您可以在輪到您之前持有該價值并將其添加到您的總數中。我為“btn-roll”編寫了一個函數來更新骰子并將其值添加到我的狀態中。這是代碼（排除不必要的部分）：const App = () => {  const [dice, setdice] = useState(null);  const [current, setCurrent] = useState(0);  const [activePlayer, setactivePlayer] = useState(0);  const diceHandler = () => {    if (dice !== 1) {      setdice(() => {        const _dice = (Math.floor(Math.random() * 6) + 1);        setCurrent(current + _dice);        console.log(_dice);        return _dice;      }      );    } else {      activePlayer === 0 ? setactivePlayer(1) : setactivePlayer(0);      setdice(() => {        setCurrent(0);        return null;      })    }  } return (      <button className="btn-roll" onClick={diceHandler}><i className="ion-ios-loop"></i>Roll dice</button>      {dice ?        <img src={require(`./dice-${dice}.png`)} alt="Dice" className="dice" /> :        <></>      }  );} 第一個問題是“骰子”和“電流”落后了一步。每次我單擊按鈕時，它都會顯示隨機骰子圖片，但骰子和電流的實際值落后 1 步。我用你目前看到的代碼修復了它。現在的問題是，一旦我點擊“1”，它會將值添加到當前，然后我必須再次單擊，以便啟動“setCurrent(0)”并切換 activePlayer。我也試過這個功能，但結果是一樣的：  const diceHandler = () => {    setdice(() => {      if (dice !== 1) {        const _dice = (Math.floor(Math.random() * 6) + 1);        setCurrent(current + _dice);        console.log(_dice);        return _dice;      } else {        activePlayer === 0 ? setactivePlayer(1) : setactivePlayer(0);        setdice(() => {          setCurrent(0);          return null;        })      }    }    );  }我想知道我現有的功能（用于更新狀態）是否有更好的解決方案以及為什么我必須再次單擊該按鈕。我使用 Hooks 完全錯誤嗎？提前致謝