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

相关推荐
英俊潇洒美少年4 小时前
React 最核心 3 大底层原理:Fiber + Diff + 事件系统
前端·react.js·前端框架
我命由我123454 小时前
React Router 6 - 概述、基础路由、重定向、NavLink、路由表
前端·javascript·react.js·前端框架·ecmascript·html5·js
GISer_Jing5 小时前
ReAct规划原理实战指南
前端·react.js·ai·aigc
我命由我1234510 小时前
React - BrowserRouter 与 HashRouter、push 模式与 replace 模式、编程式导航、withRouter
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
哈__12 小时前
ReactNative项目OpenHarmony三方库集成实战:lottie-react-native
javascript·react native·react.js
我命由我1234513 小时前
React - React 配置代理、搜索案例(Fetch + PubSub)、React 路由基本使用、NavLink
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
周淳APP14 小时前
【React Fiber架构+React18知识点+浏览器原生帧流程和React阶段流程相串】
前端·javascript·react.js·架构
Csvn14 小时前
React 性能优化(上):memo 与 useMemo 的正确使用
react.js
console.log('npc')14 小时前
在 React 中,useRef、ref 属性以及 forwardRef 是处理“引用”(访问 DOM 节点或组件实例)的核心概念
前端·react.js·前端框架