javascript - react Js 警告 : Each child in a list should have a unique "key" prop

Question

报错如上，关键 Prop 写了还是不明白，怎么办？我附上我的代码，如图所示

Answer 1

问题是您在不是循环根(重复的元素)的元素上设置键。

所以你需要像这样把 key 放在 <> 上:

{todos.map( todo => {
    return {
      < key={todo.todo_id}>
       .......

我会把它改成 div，但这是我的意见:

{todos.map( todo => {
    return {
      <div key={todo.todo_id}>
       .......