我有REACT js 中的购物应用程序。我使用 .map() 函数显示所有产品，并在每个产品前面显示“添加到购物车”按钮。单击“添加到购物车”按钮时，它会在本地存储中添加单击的产品 ID，然后我通过从localStorage检索 ID 在购物 车中显示这些选定的产品。一切正常。
现在我想要的是在单击一次时禁用“添加到购物车”按钮（仅适用于所选产品）。我通过设置状态来做到这一点，但它实际上禁用所有产品前面的所有“添加到购物车”按钮，而不是仅禁用选定的按钮。
我搜索了很多这个问题，我得到的解决方案就是将State 设置为 true/false 来启用/禁用按钮。我这样做了，但没有用，因为它对该页面上的所有产品都这样做。请帮我做什么。
这是我的 REACT JS 代码：
export default class SpareParts extends Component
{
constructor()
{
super()
this.state = {
spareParts: [],
cart: [],
inCart: false,
disabledButton: false
};
this.ViewDeets = this.ViewDeets.bind(this);
this.AddToCart = this.AddToCart.bind(this);
}
ViewDeets= function (part)
{
this.props.history.push({
pathname: '/partdetails',
state: {
key: part
}
});
}
AddToCart(param, e)
{ …