如何从react js嵌套数组js文件中提取数据？

const nestedData = [
  {
    id: 1,
    name: 'Category 1',
    items: [
      { id: 101, title: 'Item 1.1' },
      { id: 102, title: 'Item 1.2' }
    ]
  },
  {
    id: 2,
    name: 'Category 2',
    items: [
      { id: 201, title: 'Item 2.1' },
      { id: 202, title: 'Item 2.2' }
    ]
  }
];

import React from 'react';

function App() {
  const nestedData = [
    // ... 上述嵌套数组数据
  ];

  return (
    <div>
      {nestedData.map(category => (
        <div key={category.id}>
          <h2>{category.name}</h2>
          <ul>
            {category.items.map(item => (
              <li key={item.id}>{item.title}</li>
            ))}
          </ul>
        </div>
      ))}
    </div>
  );
}

export default App;

import nestedData from './path/to/data.js';

// data.js
export const nestedData = [
  // ... 数据结构
];