NodeJS 遇到两个具有相同键`function v4(options,buf,offset)的子级

kpbwa7wx  于 2023-08-04  发布在  Node.js
关注(0)|答案(1)|浏览(106)
import {v4 as uuidv4} from "uuid"

<div ref={scrollRef} key={uuidv4}>
     <div className={`message ${message.fromSelf ? "sended" : "recieved"}`}>
          <div className="content">
               <p>{message.message}</p>
          </div>
     </div>
</div>

字符串
为什么我得到两个孩子相同的关键错误在控制台?有人能解释一下,并提供一个解决方案吗?
我似乎找不到解决这个警告的办法。

xghobddn

xghobddn1#

你实际上传递了uuidv4函数作为键,所以它对所有元素都是一样的。请调用如下函数

<div ref={scrollRef} key={uuidv4()}> <div className={message ${message.fromSelf ? "sended" : "recieved"}`}>

字符串
注意uuidv4()的调用

相关问题