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

相关推荐
哈哈你是真的厉害11 分钟前
基础入门 React Native 鸿蒙跨平台开发:TextInput 输入框
react native·react.js·harmonyos
晚霞的不甘27 分钟前
Flutter for OpenHarmony 实战:[开发环境搭建与项目编译指南]
git·flutter·react native·react.js·elasticsearch·visual studio code
web小白成长日记41 分钟前
React Router DOM 全面学习笔记:从原理到实战
笔记·学习·react.js
弓.长.1 小时前
基础入门 React Native 鸿蒙跨平台开发:LayoutAnimation 布局动画
react native·react.js·harmonyos
摘星编程1 小时前
React Native for OpenHarmony 实战:WebView 网页视图组件
react native·react.js·ios
弓.长.1 小时前
基础入门 React Native 鸿蒙跨平台开发:Linking 链接处理 鸿蒙实战
react native·react.js·harmonyos
弓.长.15 小时前
React Native 鸿蒙跨平台开发:实现一个多功能单位转换器
javascript·react native·react.js
摘星编程15 小时前
React Native for OpenHarmony 实战:ToggleSwitch 切换开关详解
javascript·react native·react.js
弓.长.16 小时前
React Native 鸿蒙跨平台开发:BottomSheet 底部面板详解
javascript·react native·react.js
摘星编程16 小时前
React Native for OpenHarmony 实战:Permissions 权限管理详解
javascript·react native·react.js