处理map时控制台警告：Warning: Each child in a list should have a unique "key" prop.

来源：3-4 【组件化】初识React函数式组件

zxy0NO8

2023-06-12

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

map robots数据时，需要添加key，否则控制台会出现警告
Warning: Each child in a list should have a unique “key” prop.

 <Robot key={r.id} id={r.id} email={r.email} name={r.name} />

写回答

1回答

阿莱克斯刘

2023-06-19

是的，请在循环中给react组件添加key

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

相似问题

回答 2

回答 1

回答 1

回答 2

回答 1