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

相关推荐
kyriewen3 小时前
React Hooks原理:为什么不能写在if里?揭开Hook的“魔法”面纱
前端·react.js·前端框架
十一.3668 小时前
012-014 对state的理解,初始化state,react中的事件绑定
前端·react.js·前端框架
谢尔登10 小时前
【Next】客户端组件和服务端组件
前端·javascript·react.js·架构
旷世奇才李先生11 小时前
React 18\+TypeScript实战: hooks封装与组件设计模式
react.js·设计模式·typescript
telllong11 小时前
深入理解React Fiber架构:从栈调和到时间切片
前端·react.js·架构
kyriewen1 天前
React性能优化:从“卡成狗”到“丝般顺滑”的5个秘诀
前端·react.js·性能优化
nunumaymax1 天前
【第三章-react 应用(基于 react 脚手架)】
前端·react.js·前端框架
倾颜1 天前
React 19 源码怎么读:createRoot 和 root.render 到底做了什么?
react.js
Ruihong1 天前
你写的是 Vue,跑起来是纯 React?这是什么黑科技
vue.js·react.js·面试