Advertisement

前端库:nanoid

阅读量:

与uuid库具有相似功能的nanoid库同样能够生成uuid,不过相较于uuid库,nanoid在体积方面更为精简。接下来将对如何在实际项目中应用nanoid进行具体展示。

1.在项目目录下打开终端,下载安装nanoid库

复制代码
    npm i nanoid
    
    
      
    

此外,若已配置yarn环境,亦可采用以下方式执行:

复制代码
    yarn add nanoid
    
    
      
    

2.nanoid库的引入与应用

nanoid库通过分别暴露的方式,将一个名为nanoid的函数进行了公开。

复制代码
    import {nanoid} from 'nanoid'
    
    
      
    

3.使用nanoid生成uuid

通过直接调用nanoid()函数,能够快速生成一个唯一的uuid标识符。

复制代码
    import React, { Component } from 'react'
    import {nanoid} from 'nanoid'
    import "./index.css"
    
    export default class Header extends Component {
    

全部评论 (0)

还没有任何评论哟~