React -如何将onclick函数添加到Datatables中每行中的按钮

npm install react-data-table-component

import React from 'react';
import DataTable from 'react-data-table-component';

const data = [
  { id: 1, name: 'John Doe', action: 'Click Me' },
  { id: 2, name: 'Jane Smith', action: 'Click Me' },
  // ... more data
];

const columns = [
  {
    name: 'ID',
    selector: row => row.id,
  },
  {
    name: 'Name',
    selector: row => row.name,
  },
  {
    name: 'Action',
    cell: row => (
      <button onClick={() => handleClick(row.id)}>
        {row.action}
      </button>
    ),
  },
];

function handleClick(id) {
  console.log(`Button clicked for ID: ${id}`);
  // 在这里执行你的逻辑
}

function App() {
  return (
    <DataTable
      title="Example DataTable"
      columns={columns}
      data={data}
    />
  );
}

export default App;