哇偶 报错了 Each child in a list should have a unique "key" prop

Question

index.js:1 Warning: Each child in a list should have a unique “key” prop.

Check the render method of App. See https://reactjs.org/link/warning-keys for more information.
at Robot (http://localhost:3000/static/js/main.chunk.js:290:3)
at App

Answer 1

阿莱克斯刘 2021-04-06 02:25:52

这个报错解决很简单，请在for循环的组件中加上key就好了，如图所示

function App() {
  return (
    <ul>
      {robots.map((r, index) => (
         <Robot key={index} id={r.id} email={r.email} name={r.name} />
      ))}
    </ul>
  );
}

• 提问者 i杨永安 #1

  非常感谢！