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

相关推荐
@大迁世界37 分钟前
彻底改变我 React 开发方式的组件模式
前端·javascript·react.js·前端框架·ecmascript
少卿7 小时前
深入理解 useContext:从原理到实现
前端·react.js
@PHARAOH7 小时前
WHAT - React 两个重要的 Typescript 类型:ReactNode vs JSX.Element
javascript·react.js·typescript
祈澈菇凉7 小时前
什么是 React Router?如何使用?
javascript·react.js·ecmascript
林同学++7 小时前
react中通过 EventEmitter 在组件间传递状态
前端·react.js·前端框架
lvbb668 小时前
react动态路由
前端·react.js·前端框架
curdcv_po9 小时前
新手到老鸟😎🚀玩转 React Effect
前端·react.js
患得患失9499 小时前
【前端】【React】useCallback的作用与使用场景总结
前端·javascript·react.js
Violet5159 小时前
🎢从零打造React组件库!Rollup+TS+React19保姆级上车指南(一)🚀
react.js·前端框架
曙光就在眼前15 小时前
奋发图强学 React 系列 (二):React 高阶组件(HOC)
前端·react.js