react如何生成uuid
生成 UUID 的方法
在 React 中生成 UUID 可以通过多种方式实现，以下是几种常见的方法：
使用 uuid 库
安装 uuid 库：
npm install uuid在组件中使用：
import { v4 as uuidv4 } from 'uuid';
const uniqueId = uuidv4();
console.log(uniqueId); // 输出类似 '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'使用 crypto.randomUUID()
现代浏览器支持 crypto.randomUUID()：
const uniqueId = crypto.randomUUID();
console.log(uniqueId); // 输出类似 '36b8f84d-df4e-4d49-b662-b56dfd8a3e8d'使用 nanoid 库
安装 nanoid 库：
npm install nanoid在组件中使用：
import { nanoid } from 'nanoid';
const uniqueId = nanoid();
console.log(uniqueId); // 输出类似 'V1StGXR8_Z5jdHi6B-myT'自定义生成函数
如果需要简单的唯一标识符，可以使用时间戳和随机数：
const generateId = () => {
return Date.now().toString(36) + Math.random().toString(36).substring(2);
};
const uniqueId = generateId();
console.log(uniqueId); // 输出类似 '1a2b3c4d5e'注意事项
uuid和nanoid是流行的库，适合生成符合标准的 UUID 或短唯一 ID。crypto.randomUUID()是浏览器原生 API，无需安装额外依赖。- 自定义函数生成的 ID 可能不够唯一，适合简单场景。
根据项目需求选择合适的方法即可。
