不能在React.js的onChange上更新有状态对象

Question

我试图在获得数字输入时更新我的对象。我可以更新"total"(我根据输入数计算)，但我不能将相同的输入数分配给另一个对象属性->(数量)当我控制台记录一切时，我得到正确的"total"但数量仍为0。

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

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

const handleAmount = (amount) => {

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

Answer 1

您正在覆盖您的状态，请一次性完成

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

Answer 2

您不需要两次调用setOrderList

你可以只做一个:

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