reactjs - 如何在 MuiDataTable 的 customBodyRender 中使用 onClick 事件中的值？

Question

当在 a 中正确使用显示customBodyRender的值时，如果我选择返回，例如它将给出正确的 id。但是，如果我尝试在 onClick 事件中使用该值，则将始终显示最后一行的数据。（见代码框）tableMetaconsole.log()<span>{tableMeta.rowData[0]}</span>tableMeta

options: {
        viewColumns: false,
        filter: false,
        customBodyRender: (value, tableMeta, updateValue) => {
          console.log(tableMeta); // works
          return (
            <div>
              <span>{tableMeta.rowData[0]}</span> // works
              <button onClick={() => console.log(tableMeta.rowData[0])}>btn</button> // does not work
            </div>
          )...

我在西班牙语堆栈溢出中遇到了这个问题，但我找不到任何解决方案。我很好奇是否有办法解决这个问题？

Codesandbox：https ://codesandbox.io/s/wonderful-mclaren-ivvlq?file=/src/App.js