Javascript 通过单击创建React组件，需要区分每个组件

我已经做了这样一个表格来放置物品，包括它们各自的价格、数量。。。此外，还有一个按钮，每次点击都会创建一篇新文章。（放张照片以便看得更清楚）

事实上，我需要一种方法来区分每一行，我要说的是，在平方“Num”中应该有1，2，3。。。这对我来说非常重要，因为以后我需要将信息发送到数据库，但我的问题是我不知道如何区分每一行。我把密码放在这里

类LinArt扩展组件{
构造函数（）{
超级（）
此.state={
全:2,，
价格:20,，
dto:10，
计数：1
}
this.newArt=this.newArt.bind（this）
}
纽瓦特（）{
this.setState（{count:this.state.count+1}）
}
showArt（）{
const total=（this.state.cant*this.state.preu）*（1-（this.state.dto/100））；
让线=[]；
for（设i=0；i

)
}
返回线| |空；
}
render（）{
返回(
{this.showArt（）}
新文章
)
}

---

感谢您的关注，我非常感谢您的帮助！

查看您的代码，如果您希望num列递增，您应该向num字段添加

I+1

increment变量作为值，这样当它运行循环时，它会给出递增的值并从

1

开始，而不是从

0

开始

---

此方法非常适合区分每篇文章的de编号。问题是我需要为每篇文章提供不同的价格、数量……的可能性