Javascript 如何在React JS上增加输入编号的增量

我正在建立这个电子商务网站。我想用一个输入数字增加乘积。我想输出最终的增量，然后乘以1个产品单位来计算总价。我是新手。我使用了来自Antd React的输入编号。我该怎么做？提前谢谢

从“React”导入React；
导入“/CheckoutProduct.css”；
从“/StateProvider”导入{useStateValue}；
从“@material ui/icons/Clear”导入ClearIcon；
从“antd”导入{InputNumber}；
函数CheckoutProduct（{id，image，title，price，rating}）{
const[{basket}，dispatch]=useStateValue（）；
常量[anchorEl，setAnchorE1]=React.useState（null）；
常量handleClick=（事件）=>{
setAnchorE1（事件当前目标）；
};
const removeFromBasket=（）=>{
派遣({
类型：“从_篮中移除_”，
id:id，
});
};
函数onChange（值）{
console.log（'changed'，值）；
}  
常数乘=（评级，价格）=>评级*价格；
返回(
{title}

৳
{price}

);
}
导出默认CheckoutProduct

我看不出您的

addToBasket

函数是在哪里定义的，基本上这通常是

useState

钩子的设置器，如下所示：

function CheckoutProduct() {
  const [quantity, setQuantity] = useState(1)

  return (
    <InputNumber min={1} max={10} defaultValue={1} step={1} 
                 onChange={setQuantity} />
  )
}

函数CheckoutProduct（）{
常量[数量，设置数量]=使用状态（1）
返回(
)
}

然后antd

InputNumber

有它自己的增量，所以您应该看到它，它应该像这样工作。

---

由于您似乎将您的购物篮存储在Redux商店中，因此当用户确认订单时，您可以使其与减速机中的单价相乘。

我部署了构建。如果您从该页面购买，然后转到购物车，您将看到一个产品增量。我只想小计相应地改变一下。