gpt4 book ai didi

reactjs - react : using index as key for items in the list

转载 作者:行者123 更新时间:2023-12-04 00:02:03 25 4
gpt4 key购买 nike

使用索引作为列表中项目的键有哪些陷阱?在添加或删除列表中的元素时,是否存在 React 更改检测或任何意外列表更新的性能缺陷。我已经阅读了几篇关于此的文章,但仍然没有弄清楚。

请引用codepen

为什么在列表的开头添加一个项目会导致上述 codepen 出现意外行为?

另外,据说默认情况下,当没有传递键时,react 将索引作为键传递。这意味着不传递任何键和传递索引作为键 - 两者是一回事吗?

最佳答案

您说得对,使用索引作为键可能会出现问题,但请注意,我是说我们可能会遇到问题,但并非总是如此。如果我们不从列表中添加/删除项目,那么可以使用索引作为键,否则使用一些唯一标识项目的 id 会很好。原因是如果您从列表中添加或删除一些项目,旧项目的索引会发生变化,并且 react 可能会混淆哪些项目发生了变化。性能方面我认为没有任何区别

关于reactjs - react : using index as key for items in the list,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59517962/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com