Reactjs 如何更改篮子中特定物品的数量？

我是dev的新手，我的第一个个人项目即将完成，但是。。。 我的问题是: 我有一个装满物品的篮子，我只想增加或减少一件物品的数量。 我必须有一个国家的条款

这是我的密码：

const handleClickDecrease =(position) =>{
    console.log(position) 
    if(articleQuantity>1){
     setArticleQuantity(articleQuantity-1)
 }
}
 
const handleClickIncrease =(position) =>{
    console.log(position)
    setArticleQuantity(articleQuantity+1)
}



var basket=[];
for(let i=0; i<basketArticleTab.length;i++){
    basket.push(<Row className="newArticle">
                    <img className='articleImg' src={basketArticleTab[i].picture}></img><h3 className="newArticleTitle">{basketArticleTab[i].name}</h3><h3 className="newArticleTitle"><Button class="less" variant="dark" onClick={()=>handleClickDecrease(basketArticleTab[i])} >-</Button>{' '}{articleQuantity}<Button variant="dark" onClick={()=>handleClickIncrease()}>+</Button>{' '}</h3><h3 className="newArticleTitle">Price H.T</h3><h3 className="newArticleTitle">{basketArticleTab[i].priceHT}</h3><img onClick={()=>handleClickTrash(basketArticleTab[i]._id)} className='deleteIcon' src='trash.svg' alt='delete item'></img>
                </Row>)
}

---

大家好，欢迎来到stack overflow。我必须要有一个文章的状态吗？：是的。非常感谢你的回答！！如果我不知道将在购物篮中选择哪个商品，我该如何定义我的状态？例如，您的数量状态可以是一个对象，其中键是标识商品的唯一ID，值是购物篮中的金额。当用户添加文章时（例如，通过单击按钮），您可以使用所单击文章的文章id来增加数量。您好，欢迎使用stack overflow。我必须要有一个文章的状态吗？：是的。非常感谢你的回答！！如果我不知道将在购物篮中选择哪个商品，我该如何定义我的状态？例如，您的数量状态可以是一个对象，其中键是标识商品的唯一ID，值是购物篮中的金额。当用户添加文章时（例如，通过单击按钮），您可以使用所单击文章的文章id来增加金额。

const [articleQuantity, setArticleQuantity] = useState(1);