在reactJS中单击表的行时尝试获取行信息

import React, { useState } from 'react';

const Table = () => {
  const [selectedRow, setSelectedRow] = useState(null);

  const handleRowClick = (rowData) => {
    setSelectedRow(rowData);
  };

  return (
    <table>
      <thead>
        <tr>
          <th>Column 1</th>
          <th>Column 2</th>
          <th>Column 3</th>
        </tr>
      </thead>
      <tbody>
        <tr onClick={() => handleRowClick({ id: 1, name: 'John', age: 25 })}>
          <td>1</td>
          <td>John</td>
          <td>25</td>
        </tr>
        <tr onClick={() => handleRowClick({ id: 2, name: 'Jane', age: 30 })}>
          <td>2</td>
          <td>Jane</td>
          <td>30</td>
        </tr>
        {/* Add more rows */}
      </tbody>
    </table>
  );
};

export default Table;