学无先后,达者为师

网站首页 前端文档 正文

react错误一:react.development.js:372 Warning: Each child in an array or iterator should have a unique "

作者:半夏ing 更新时间: 2022-04-04 前端文档

错误代码:

 			  const  numbers = [1,2,3,4,5];
              const listItems = numbers.map(item => <li>{item}</li>)
              ReactDOM.render(
                  <ul>{listItems}</ul>,
                  document.getElementById('example')
              )

修正后的代码:

  			 const  numbers = [1,2,3,4,5];
             const listItems = numbers.map((item,key) => <li key={key}>{item}</li>)
              ReactDOM.render(
                  <ul>{listItems}</ul>,
                  document.getElementById('example')
              )

区别
就是一个key的原因

记录一下,刚开始学react

原文链接:https://blog.csdn.net/Fiona_lms/article/details/102912878

栏目分类
最近更新