将带有onclick事件的按钮添加到react js中的datatable中的每一行

import React from 'react';

class DataTable extends React.Component {
  handleClick = (rowData) => {
    // 处理按钮点击事件的自定义逻辑，例如：
    // 执行某个操作或导航到其他页面
    console.log("Button clicked in row:", rowData);
  }

  render() {
    const data = [
      { id: 1, name: 'John', age: 25 },
      { id: 2, name: 'Alice', age: 30 },
      { id: 3, name: 'Bob', age: 35 }
    ];

    return (
      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Age</th>
          </tr>
        </thead>
        <tbody>
          {data.map((rowData) => (
            <tr key={rowData.id}>
              <td>{rowData.id}</td>
              <td>{rowData.name}</td>
              <td>{rowData.age}</td>
              <td>
                <button onClick={() => this.handleClick(rowData)}>
                  Click me
                </button>
              </td>
            </tr>
          ))}
        </tbody>
      </table>
    );
  }
}

export default DataTable;