如何在React中映射对象的嵌套数组

import React from 'react';

function NestedArrayMapping() {
  const data = {
    name: 'Parent',
    children: [
      {
        name: 'Child 1',
        children: [
          {
            name: 'Grandchild 1',
            children: []
          },
          {
            name: 'Grandchild 2',
            children: []
          }
        ]
      },
      {
        name: 'Child 2',
        children: []
      }
    ]
  };

  const renderNode = (node) => {
    return (
      <div key={node.name}>
        {node.name}
        {node.children.map(child => renderNode(child))}
      </div>
    );
  };

  return (
    <div>
      {renderNode(data)}
    </div>
  );
}

export default NestedArrayMapping;