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

相关推荐
ZHOU_WUYI1 小时前
用react实现一个简单的三页应用
前端·javascript·react.js
whatever who cares3 小时前
React 中 useMemo 和 useEffect 的区别(计算与监听方面)
前端·javascript·react.js
老兵发新帖3 小时前
前端知识-hook
前端·react.js·前端框架
一直在学习的小白~4 小时前
HTML字符串转换为React元素实现
前端·react.js·html
sunbyte5 小时前
Three.js + React 实战系列 - 客户评价区细解教程 Clients 组件✨(回答式评价 + 评分星级)
开发语言·javascript·react.js
十步杀一人_千里不留行1 天前
【实战教程】React Native项目集成Google ML Kit实现离线水表OCR识别
react native·react.js·ocr
桥豆麻袋93931 天前
vite 初始化react项目
前端·react.js·前端框架
HelloRevit1 天前
React -> AI组件 -> 调用Ollama模型, qwen3:1.7B非常聪明
前端·react.js·前端框架
1nv1s1ble1 天前
React 笔记[1] hello world
前端·笔记·react.js
Jenna的海糖1 天前
ts axios中报 Property ‘code‘ does not exist on type ‘AxiosResponse<any, any>‘
前端·vue.js·react.js·typescript