首页 > 解决方案 > 如何在单击添加按钮时增加现有数组的长度

问题描述

我有添加按钮,它必须增加项目数组长度并显示两个字段,即“名称”和“数量”。

所以任何字段的 onChange,我都在 items 数组中推送项目详细信息。

 items = [ {name: "item 1", quantity: 1}, {name: "item 2", quantity: 1} ];

首先,items 数组将为空。单击添加按钮时,它应该增加数组长度,然后将数量的默认值设置为 1。

我没有得到,如何实现 add() 来增加数组长度和设置数量的默认值。

提前致谢!!

标签: javascripthtmlnode.jsreactjs

解决方案


尝试这个:

let counter = 1
let items = []

function setNewItem() {
    items.push({name: `item ${counter}`, quantity: 1})
    counter++
}

推荐阅读