如何使用函数在reactjs中切换相邻行(在循环中)

import React, { useState } from 'react';

const Table = ({ data }) => {
  const [selectedRowIndex, setSelectedRowIndex] = useState(null);

  const handleRowToggle = (index) => {
    setSelectedRowIndex(index === selectedRowIndex ? null : index);
  };

  return (
    <table>
      <tbody>
        {data.map((row, index) => (
          <tr key={index} className={index === selectedRowIndex ? 'selected' : ''}>
            <td>{row.name}</td>
            <td>{row.age}</td>
            <td>
              <button onClick={() => handleRowToggle(index)}>Toggle</button>
            </td>
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default Table;