将新数组动态添加到现有 object 数组 React JS

Question

在单击按钮期间，我得到了 id 和数量的值。 我想在 object 数组中添加一个新数组。 下面是代码

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

你在function里面定义了变量product ，所以每次执行function的时候，都会重新初始化。

使用全局变量/State

// global
const product = [];

addData =(d,v) => {

    // I removed the loop because it's useless here.

    product.push({
       product_id:d,    
       cart_quantity:v
    });
}