动态添加新的数组到现有的对象数组React JS

Question

我在点击按钮期间获得id和数量的值。我想在对象数组中添加一个新数组。下面是代码

adddata =(d,v) => {
const product = [];
for (let i = 0; i < 1; i++) {
product.push({
product_id:d,    
cart_quantity:v
});
}
console.log(product);

<button value={this.state.quantity} className="btn" onClick={adddata} data-id={item.product_id}>Add to cart</button>

这个实现的唯一问题是。它将新值替换为现有值。我想在每次点击按钮时动态地合并它。

请帮

Answer 1

您在函数内部定义了变量product，因此每次执行函数时，它都会被重新初始化。

使用全局变量/状态

// global
const product = [];
addData =(d,v) => {
// I removed the loop because it's useless here.
product.push({
product_id:d,    
cart_quantity:v
});
}