如何获取行id并传递给react js中同一行不同列的复选框？

import React, { useState } from 'react';

function MyComponent() {
  const [rowId, setRowId] = useState(null);

  // 其他组件代码...

  return (
    // JSX代码...
  );
}

function MyComponent() {
  const [rowId, setRowId] = useState(null);

  const handleCheckboxChange = (event, id) => {
    setRowId(id);
  };

  // 其他组件代码...

  return (
    <table>
      <tbody>
        {data.map((item) => (
          <tr key={item.id}>
            <td>{item.name}</td>
            <td>
              <input
                type="checkbox"
                checked={item.id === rowId}
                onChange={(event) => handleCheckboxChange(event, item.id)}
              />
            </td>
          </tr>
        ))}
      </tbody>
    </table>
  );
}

function MyComponent() {
  const [rowId, setRowId] = useState(null);

  const handleCheckboxChange = (event, id) => {
    setRowId(id);

    // 执行其他操作...
  };

  // 其他组件代码...

  return (
    // JSX代码...
  );
}