今天是个讨论帖,我想跟大家谈论下key值的真正意义
首先给还不了解key的同学简单说一下什么是key,又是干什么用的?
各位前端大佬甚至是新手对于key值的各种说法,想必我们大家都知道许多,比如:
1,渲染列表是一定要添加唯一key。
2,如果不涉及对列表的增删问题,也可以用index作为key。
等等,就不一一赘述了。
1,不写key值,会出现什么问题?
有时候我们在react项目中,需要使用map渲染一个列表时,如果忘记添加key值,那么请打开你的控制台,你会看到如下警告,eg.
const [list,setList]=useState([1,2,3,3])
return(
{
list .map((item)=>{
return(
<li>{item}</li>
)
})
}
)
(这句话的意思是每个列表元素都应该有一个key值)
那么问题来了,什么是key值?又是用来干什么的呢?
想要了解key值,那得先了解一下react的一些基础知识
虚拟DOM:让开发者更专注于业务逻辑