在react中渲染嵌套的表行

import React from 'react';

const NestedTable = ({ data }) => {
  return (
    <table>
      <tbody>
        {data.map((item) => (
          <tr key={item.id}>
            <td>{item.name}</td>
            <td>{item.value}</td>
            {item.children && (
              <td colSpan="2">
                <NestedTable data={item.children} />
              </td>
            )}
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default NestedTable;