如何使用React映射数组

import React from 'react';

const products = [
  { id: 1, name: 'Product 1' },
  { id: 2, name: 'Product 2' },
  { id: 3, name: 'Product 3' }
];

function ProductList() {
  return (
    <ul>
      {products.map(product => (
        <li key={product.id}>{product.name}</li>
      ))}
    </ul>
  );
}

export default ProductList;

{products.map(product => (
  <li key={product.id}>{product.name}</li>
))}

const nestedData = [
  { id: 1, items: ['Item 1', 'Item 2'] },
  { id: 2, items: ['Item 3', 'Item 4'] }
];

function NestedList() {
  return (
    <ul>
      {nestedData.map(itemGroup => (
        <li key={itemGroup.id}>
          {itemGroup.items.map(item => (
            <span key={item}>{item}</span>
          ))}
        </li>
      ))}
    </ul>
  );
}

export default NestedList;