已解决
解决React遍历每次渲染多个根元素导致无法为元素赋值key的问题
来自网友在路上 11018101提问 提问时间：2023-11-19 04:17:24阅读次数： 101
最佳答案 问答题库1018位专家为你答疑解惑
遍历时，存在多个根标签，如果使用<></>无法正确赋值key，代码如下：
function App() {const list = [{ id:1, name:"小明" },{ id:2, name:"小田" },{ id:3, name:"小王" }]const listContent = list.map(item => (<><li>{item.name}</li><li>-----------</li></>))return (<ul>{listContent}</ul>)
}
使用Fragment可以解决
import { Fragment } from "react"function App() {const list = [{ id:1, name:"小明" },{ id:2, name:"小田" },{ id:3, name:"小王" }]const listContent = list.map(item => (<Fragment key={item.id}><li>{item.name}</li><li>-----------</li></Fragment>))return (<ul>{listContent}</ul>)
}
查看全文
99%的人还看了
相似问题
猜你感兴趣
版权申明
本文"解决React遍历每次渲染多个根元素导致无法为元素赋值key的问题"：http://eshow365.cn/6-38896-0.html 内容来自互联网，请自行判断内容的正确性。如有侵权请联系我们，立即删除！
- 上一篇: Qt的委托代理机制
- 下一篇: kubernetes学习-概念5