如何为react组件创建唯一键

import { v4 as uuidv4 } from 'uuid';

function MyComponent() {
  const uniqueKey = uuidv4();

  // 使用唯一键进行渲染和其他操作
  return (
    <div key={uniqueKey}>
      {/* 组件内容 */}
    </div>
  );
}

function MyComponent() {
  const data = ['item1', 'item2', 'item3'];

  return (
    <div>
      {data.map((item, index) => (
        <div key={index}>
          {item}
        </div>
      ))}
    </div>
  );
}

function MyComponent({ itemId }) {
  // 使用唯一标识符作为键
  return (
    <div key={itemId}>
      {/* 组件内容 */}
    </div>
  );
}