nonoid 轻量又强大的唯一标识库

当遇到后端给你返回的数据没有唯一标识 Key 或者 ID 怎么办？

 问题不大，我们自己加一个  用 for 循环感觉有点麻烦怎么整

这个时候就可以使用 nanoid 这个唯一标识库，大小只有大约 130个字节那么大

以下是使用方法

npm i nanoid  ||  yarn add nanoid   // 安装 nanoid

import { nanoid } from 'nanoid'     // 在组件中引入 nanoid

 

那么在拿到后端没有唯一标识的数据时候，我们就可以在遍历数据的同时给每一条数据加上一个字段

像这样！

     {
        data.map((item) => {
          item.soleKey = nanoid()
          return (
            <p key={item.soleKey}>{item.name}</p>
          )
        })
      }

时小记，终有成。