javascript - react : How can i access a attribute within a tag

Question

在我的代码中，我试图从 onClick() 函数传递一些数据

<TableCell value={i} align="center" onClick={e => this.deleteUser(e)}><DeleteIcon /></TableCell>

我的表格单元格是在 for 循环中创建的，并且在首次创建时为其分配了值 i。当单击删除用户图标时，我希望值 i 也被传递。在我的 onClick 函数中，偶数被传递

deleteUser(e) {
        console.log(e.currentTarget). 
    }

这是我的删除用户功能。当我使用 console.log() 测试该功能时。这是打印出来的

<td class="MuiTableCell-root MuiTableCell-alignCenter" value="0"> ... </td>

如何从 td 标签中获取值(value)？我无法使用 event.currentTarget.value 访问它

Answer 1

将 i 传递给您的 deleteUser 函数

<TableCell value={i} align="center" onClick={e => this.deleteUser(e, i)}><DeleteIcon /></TableCell>

您将获得作为第二个参数的值

deleteUser(e, value) {
  console.log(e.currentTarget, value); 
}