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

相关推荐
sunly_9 小时前
React useActionState 的用法详解
前端·javascript·react.js
汉堡大王952710 小时前
前端工程师 TypeScript 上手指南:一条清晰的从入门到精通路线
前端·javascript·react.js
wear工程师10 小时前
防抖为什么会失效?React 面试里的闭包和定时器
javascript·react.js
张元清11 小时前
React useEventSource Hook:自带断线重连的 Server-Sent Events (2026)
javascript·react.js
光影少年11 小时前
RN 网络请求:Fetch / Axios 封装、超时、拦截器
前端·react native·react.js
何时梦醒15 小时前
第三篇:React 组件化开发 — 函数即组件的哲学与实践
react.js·面试·typescript
sunly_16 小时前
React Suspense 用法详解
前端·javascript·react.js
半个落月1 天前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
光影少年1 天前
React Native网络、存储与原生能力
前端·react native·react.js
To_OC1 天前
绕开层层 props 搬运:我把 useContext 和自定义 Hook 跑通了
前端·react.js·前端框架