替换表行中的行号 (React/Material-UI)

Question

我正在尝试将 rowNumber 替换为 material-ui 中的 Table 中的 TableRow。特别是，我希望能够使用 onRowSelection 获取一个不是默认行号的数字。我试图通过更改 TableRow 中的 prop 来替换 rowNumber，例如：

<TableRow rowNumber={row.id}>

然而，这并没有成功。有谁知道在 material-ui 中有效地在 onClick 事件（或 onRowSelection/cellClick）上传递道具数据？

我目前没有使用 Redux，因此我无法使用可能的解决方案。如果移动 Redux 是最好的解决方案，那么我会这样做，但我想看看我是否可以在不依赖 Redux 的情况下处理这个 onClick 事件。

Answer 1

Redux 与此无关。尝试附加一个 onClick 处理程序：

myCallback(rowId) {
  console.log(rowId);
}

render() {
  return (
    ...
    <TableRow rowNumber={row.id} onClick={() => { this.myCallback(row.id); }}>
  );
}

替换表行中的行号 (React/Material-UI)

Replacing rowNumber in a TableRow (React/Material-UI)

reactjs

material-ui