reactjs 无法更新React.js中onChange上的有状态对象

ipakzgxi  于 2023-01-04  发布在  React
关注(0)|答案(2)|浏览(138)

我试图在获取数字输入时更新我的对象。我可以更新“总计”(我根据输入数字计算),但我不能将相同的输入数字分配给另一个对象属性--〉(数量)当我控制台记录所有内容时,我得到正确的“总计”,但数量仍然为0。

<Form.Item label="Quantity">
        <InputNumber onChange={handleAmount} />
</Form.Item>

//////////////////////////////

const handleAmount = (amount) => {
    
            setOrderlist ({...orderlist, total : orderlist.price*amount});
            setOrderlist ({...orderlist, quantity: amount});
}
cbjzeqam

cbjzeqam1#

您正在覆盖您的状态,请一次性覆盖

setOrderlist ({...orderlist, total: orderlist.price*amount, quantity: amount}});
jfgube3f

jfgube3f2#

您不需要调用setOrderList两次。
你可以只做一个:

const handleAmount = (amount) => { 
  setOrderList({ ...orderList, total: orderList.price * amount, quantity: amount })
}

相关问题