带有输入OnChange的Array.map()总是在列表中获取最后一个项目

Question

我在我的状态中有一系列对象，我通过使用map()迭代。每次迭代在片段内都有两个大小写，第二个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

的道具

<input index={index}...

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