如何使用React更改所选表格行的背景色

import React, { useState } from 'react';

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

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

  return (
    <table>
      <tbody>
        <tr onClick={() => handleRowClick(0)} className={selectedRow === 0 ? 'selected' : ''}>
          <td>Row 1</td>
        </tr>
        <tr onClick={() => handleRowClick(1)} className={selectedRow === 1 ? 'selected' : ''}>
          <td>Row 2</td>
        </tr>
        <tr onClick={() => handleRowClick(2)} className={selectedRow === 2 ? 'selected' : ''}>
          <td>Row 3</td>
        </tr>
      </tbody>
    </table>
  );
};

export default Table;