ReactQuestion 19 of 28
Keys
Answer out loud or in your head first, then compare.
Answer
JSX
users.map(user => (
<User
key={user.id}
user={user}
/>
))Keys help React identify list items between renders.
Good:
JavaScript
key={user.id}Worse:
JavaScript
key={index}The index can cause problems when the list is reordered or items are removed or added.
How did it go? Be honest — “Not yet” puts the question on your review list.
Related questions
- C-P05 · Why does React need a key on list items? — React, Next.js and frontend