在React中将键呈现为html属性

function MyComponent(props) {
  return (
    <div key={props.id}>
      <h1>{props.title}</h1>
      <p>{props.description}</p>
    </div>
  );
}

function MyList() {
  const data = [
    { id: 1, title: 'Item 1', description: 'Description 1' },
    { id: 2, title: 'Item 2', description: 'Description 2' },
    { id: 3, title: 'Item 3', description: 'Description 3' },
  ];

  return (
    <div>
      {data.map(item => (
        <MyComponent
          key={item.id}
          id={item.id}
          title={item.title}
          description={item.description}
        />
      ))}
    </div>
  );
}