迭代React嵌套数组中的值

import React from 'react';

function App() {
  const data = [
    {
      id: 1,
      title: 'Item 1',
      children: [
        { id: 11, title: 'Item 1.1' },
        { id: 12, title: 'Item 1.2' },
      ],
    },
    {
      id: 2,
      title: 'Item 2',
      children: [
        { id: 21, title: 'Item 2.1' },
        { id: 22, title: 'Item 2.2' },
      ],
    },
  ];

  const renderItems = (items) => {
    return items.map((item) => (
      <li key={item.id}>
        {item.title}
        {item.children && item.children.length > 0 && (
          <ul>{renderItems(item.children)}</ul>
        )}
      </li>
    ));
  };

  return <ul>{renderItems(data)}</ul>;
}

export default App;