带输入onChange的Array.map（）始终获取列表中的最后一项

Question

我的状态中有一个对象数组，我正在使用map()迭代。 每次迭代在Fragment中都有两个tablerow，第二个tablerow有一个输入标记，该标记有一个onChange（）事件，它将当前索引传递给一个函数。 我注意到它总是传递数组中的最后一个索引。

{this.state.billingStatementData.map((row, index) => {
  return (
    <Fragment key={index}>
        <TableRow hover>
            ...
        </TableRow>
        <TableRow>
            <TableCell>
            ...
              <input onChange={() => {
                    console.log(index);
                }}/>
              ...

是否可以获取迭代的当前行或索引而不是最后一项？

谢谢。

Answer 1

在输入上使用道具

<input index={index}...

您可以在onChange中使用此属性。