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

相关推荐
Z兽兽2 小时前
React@18+Vite项目配置env文件
前端·react.js·前端框架
~无忧花开~4 小时前
React状态管理完全指南
开发语言·前端·javascript·react.js·前端框架
@大迁世界4 小时前
1.什么是 ReactJS?
前端·javascript·react.js·前端框架·ecmascript
Highcharts.js7 小时前
Highcharts React v4 迁移指南(下):分步代码示例与常见问题解决
javascript·react.js·typescript·react·highcharts·代码示例·v4迁移
张一凡938 小时前
easy-model -- "小而美"的React状态管理方案
前端·javascript·react.js
重铸码农荣光9 小时前
手写一个精简版 Zustand:深入理解 React 状态管理的核心原理
react.js·面试·源码
绝世唐门三哥10 小时前
React--- 状态更新:何时需要拷贝,何时不需要?
javascript·react.js·ecmascript
Z兽兽11 小时前
React 18 开发环境下useEffect 会执行两次,原因分析及解决方案
前端·react.js·前端框架
小飞大王66612 小时前
从零手写 React:深度解析 Fiber 架构与 Hooks 实现
前端·react.js·架构
GISer_Jing12 小时前
React:从SPA到全场景渲染的进化之路
前端·react.js·前端框架