如何为数组中的每个对象呈现组件？

// 子组件
const ItemComponent = ({ item }) => {
  return (
    <div>
      <h2>{item.title}</h2>
      <p>{item.description}</p>
    </div>
  );
};

// 父组件
const ParentComponent = ({ items }) => {
  const itemComponents = items.map((item, index) => (
    <ItemComponent key={index} item={item} />
  ));

  return <div>{itemComponents}</div>;
};

// 使用示例
const items = [
  { title: 'Item 1', description: 'Description 1' },
  { title: 'Item 2', description: 'Description 2' },
  { title: 'Item 3', description: 'Description 3' },
];

ReactDOM.render(<ParentComponent items={items} />, document.getElementById('root'));