第二个对比的key还是index,应该是名字了吧~

来源:3-3 【扩展学习】为什么 React 列表要加 key ?

Kian

2021-03-17

写回答

2回答

全栈老司机

2021-08-17

users.map((u, i) => <div key={u.username}>{u.username}</div>);

React 认为的变化就变成:                                         

                                         |  <div key="new-guy">new-guy</div> 

<div key="bob">bob</div>   |  <div key="bob">bob</div> 

<div key="sue">sue</div>    |  <div key="sue">sue</div>

1
1
gos360
名字重复了会报错吗?
2021-09-18
共1条回复

Nolan

2021-03-18

嗯?是我哪里写错了吗,能来个截图吗

0
1
橙子虎
但是如果我们一开始就给它指定一个合适的 key,比如用 name: users.map((u, i) =>
{u.username}
); React 认为的变化就变成: |
new-guy
bob
|
bob
sue
|
sue
老师这里key变成username咯,不是index了,示例代码给错了
2021-12-07
共1条回复

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程