当从react-datatable-component内部使用时，材料UI选择抛出event.target.getAttribute不是一个函数

看来您的问题是由react-data-table-component的这一行引起的TableRow.js，它e.target.getAttribute('data-tag')在单击行时会尝试执行。

但是，当您onClick在材质用户界面FormControl或Select组件上附加一个时console.log，event.target您将得到

{ value: 3, name: undefined }

该event.target不是一个HTML元素，而只是一个object带有属性value和name。因此，当react-data-table-component执行时，e.target.getAttribute('data-tag')它会崩溃。

---

可能的解决方案

将onClick处理程序附加到material-uiFormControl或Select并停止event的传播

<FormControl onClick={(e) => e.stopPropagation()} >
...

---

另请注意，执行此操作（下面的代码）不会更改所选的值。您必须为“选择”列创建一个组件，然后将选定的值添加到state。我将这些修复程序添加到了可以在下面找到的codeandbox中。

...
onChange={(event) => {
  row.pressTypeCode = event.target.value;
}}

PS：react-data-table-component具有ignoreRowClick列，但是我不确定为什么它不适用于我们的代码。