状态不会在反应功能组件内更新

Question

我正在 uiReact.js 玩二十一点游戏。我已将状态设置为类型卡数组。看起来像这样。

    let startingDealerHand: Cards[] = dealCards(2, []);
    let startingPlayerHand: Cards[] = dealCards(2, []);
    const [dealerHand, setDealerHand] = useState<Array<Cards>>(startingDealerHand);
    const [playerHand, setPlayerHand] = useState<Array<Cards>>(startingPlayerHand);

我正在尝试更新 onclick 函数内部的状态，如下所示。

takeHit={(hand: Cards[]) => setPlayerHand(dealCards(1, hand))}

我尝试调试应用程序并且 onClick 正在执行它应该执行的操作，但是 ui 以及状态由于某种原因没有更新。

Answer 1

尝试：

onClick={(hand: Cards[]) => setPlayerHand(dealCards(1, hand))}

或：

onClick={() => handleTakeHit(hand)}

及以上，就在创建 useState 常量的位置下，添加：

const handleTakeHit = (hand:Cards[]) => {
    setPlayerHand(dealCards(1, hand) )
}

状态不会在反应功能组件内更新

state won't update inside react function component

typescript

reactjs

react-state

react-functional-component