使用react中的api返回数组中的嵌套对象

const data = [
  { id: 1, name: 'Object 1', nested: { prop1: 'Value 1', prop2: 'Value 2' } },
  { id: 2, name: 'Object 2', nested: { prop1: 'Value 3', prop2: 'Value 4' } },
  { id: 3, name: 'Object 3', nested: { prop1: 'Value 5', prop2: 'Value 6' } }
];

const items = data.map((item) => {
  return (
    <div key={item.id}>
      <h3>{item.name}</h3>
      <p>Prop 1: {item.nested.prop1}</p>
      <p>Prop 2: {item.nested.prop2}</p>
    </div>
  );
});

return (
  <div>
    {items}
  </div>
);