帶輸入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中使用此屬性。