javascript - React，单击时获取列表索引

Question

我正在尝试遵循 Stack Overflow 上出现的示例，但无法使其工作。如果我删除所有显示“索引”的内容，它就可以正常工作。它很好地传递了“页面”。有人可以指出我正确的决定吗，谢谢。

我的点击功能

handleOnClick(page, index) {
    console.log(page);  //page is correct
    console.log(index); //undefined

}

我的渲染

let self = this;

    playlistList[pos].list.map(function(page, index)

    {if (page.selected) {
      return (
        <tr key={page.id} onClick={() => self.handleOnClick(page, index)}>
          <td>{page.name}</td>
          <td>{page.subComposition.name}</td>
        </tr>
      );}
    }

Answer 1

您最好制作一个处理创建 tr 的组件。然后在该组件中创建函数，然后使用传递下来的 props 运行该函数。

除非您需要更改状态，否则请将函数传递给要使用的组件。