javascript - 如何在JavaScript中使map函数的键值对每个元素递增

Question

我正在映射字段数组中的每个字段，以便每个字段都有一个从 1...n 个字段开始的 id。

我使用它是因为我将所有字段值存储在数组中，并且当字段更改时，我希望 data[index] 相应更新。

这是我的 map 函数代码

{this.state.fields.map((field) => {
return (
    <IssueInputRow
        labelText={field.name}
        key={i}   //want this to increment by 1 for each field, starting a 0                 
        handler={this.handler}
    />
    );
})}

我希望每个字段的键从 0 开始加 1。因此，如果有 3 个字段，则各个字段的键应该是 0,1,2。

请告诉我这是怎么回事

Answer 1

为 map 提供的函数的第二个参数是数组索引，因此您可以使用它。

{this.state.fields.map((field, i) => {
  return (
    <IssueInputRow
      labelText={field.name}
      key={i}             
      handler={this.handler}
    />
  );
})}