Warning: Each child in a list should have a unique "key" prop. 一种隐藏场景

398 阅读1分钟

最近项目中碰到报 warning (Each child in a list should have a unique "key" prop), 看代码块 div 中已经加了 key, 最后排查半天发现是 fragment 这块导致的, 干掉fragment 即可, 这个比较隐晦,供大家参考

{xxxs?.map(field => {
  return (
    <>
      <div key={field.key}>someconent</div>
    </>
  );
}
})}

修改后

{xxxs?.map(field => {
  return (
     <div key={field.key}>someconent</div>
  );
}
})}