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

相关推荐
ZengLiangYi1 天前
React 事件订阅的稳定引用问题:从 useEffect 到 useEffectEvent
react.js
是你的小橘呀1 天前
TypeScript在React项目中的实战应用指南
react.js
leolee181 天前
react redux 简单使用
前端·react.js·redux
gxp1232 天前
初学React:请求数据参数未更新 && 数据异步状态更新问题
react.js
leolee182 天前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli2 天前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
青青家的小灰灰2 天前
金三银四面试官最想听的 React 答案:虚拟 DOM、Hooks 陷阱与大型列表优化
前端·react.js·面试
光影少年2 天前
在 React 中,什么情况下需要用 useCallback 和 useMemo?它们的区别是什么?
前端·react.js·掘金·金石计划
符方昊3 天前
React 19 对比 React 16 新特性解析
前端·react.js
不会敲代码13 天前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js