React里使用uuid插件--生成随机的id

介绍

UUID (Universally Unique Identifier) 是一种标准的无需中心协调机构就能生成的一个独特标识符,通常用于在并发环境下作为数据库记录的唯一标识 ,也可以用于其他需要生成唯一标识的场景。
常用的版本:

  1. UUIDv1 :包含时间戳和节点信息,适合需要时间顺序或地理位置信息的应用场景。
  2. UUIDv4 :基于随机数,适合大多数需要唯一标识符的通用场景。
  3. UUIDv5 :基于命名空间和名字的SHA-1哈希值,适合需要命名空间管理的应用场景。

安装使用

下载

使用命令: npm install uuid

引入
js 复制代码
// 引入 uuid 
// 方式一
import {v4 as uuidv4} from 'uuid';
// 方式二
const {v4:uuidv4} = require('uuid');
使用
js 复制代码
const randomId = uuidv4();
console.log(randomId);  //打印出来的就是随机生成的id

总结

更多使用说明可参考官方文档: https://github.com/uuidjs/uuid

相关推荐
LFly_ice1 小时前
学习React-9-useSyncExternalStore
javascript·学习·react.js
醉方休2 小时前
React中使用DDD(领域驱动设计)
前端·react.js·前端框架
学习3人组2 小时前
React 样式隔离核心方法和最佳实践
前端·react.js·前端框架
乖女子@@@3 小时前
React笔记_组件之间进行数据传递
javascript·笔记·react.js
Zacks_xdc4 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js
张迅之5 小时前
【React】Ant Design 5.x 实现tabs圆角及反圆角效果
前端·react.js·ant-design
东北南西8 小时前
手写React状态hook
前端·javascript·react.js
醉方休15 小时前
React Fiber 风格任务调度库
前端·javascript·react.js
知识分享小能手19 小时前
React学习教程,从入门到精通, React 入门指南:React JSX 语法知识点详解及案例代码(8)
前端·javascript·vue.js·学习·react.js·前端框架·anti-design-vue
学习3人组20 小时前
React 组件基础与事件处理
前端·javascript·react.js