博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
react 解决警告Warning: Each child in a list should have a unique “key” prop.
阅读量:4112 次
发布时间:2019-05-25

本文共 489 字,大约阅读时间需要 1 分钟。

报错:

解决办法:

基本都是因为在循环生成多个组件的时候,没有给组件加上key引起的,所以报错警告。需要循环生成多个组件中,加上key值(唯一值)那么就不会报错了。

示例:

class App extends React.Component {        state = {          list: [1,2,3,4,5]        }        render() {          const arr=this.state.list;          const listItem=[];          arr.map((item)=>{            let li=
  • {item}
  • ; listItem.push(li); }) return
      {listItem}
    }}ReactDOM.render(
    , document.getElementById("app"))

     

    转载地址:http://kcesi.baihongyu.com/

    你可能感兴趣的文章
    驱动力3.0,动力全开~
    查看>>
    记CSDN访问量10万+
    查看>>
    Linux下Oracle数据库账户被锁:the account is locked问题的解决
    查看>>
    记CSDN访问20万+
    查看>>
    Windows 环境下Webstorm 2020.3 版本在右下角找不到Git分支切换部件的一种解决方法
    查看>>
    Electron-Vue项目中遇到fs.rm is not a function问题的解决过程
    查看>>
    飞机换乘次数最少问题的两种解决方案
    查看>>
    有向无回路图的理解
    查看>>
    设计模式中英文汇总分类
    查看>>
    MFC实现五子棋游戏
    查看>>
    WPF实现蜘蛛纸牌游戏
    查看>>
    单例模式
    查看>>
    工厂方法模式
    查看>>
    模板方法模式
    查看>>
    数据结构之队列、栈
    查看>>
    数据结构之树
    查看>>
    数据结构之二叉树
    查看>>
    二叉树非递归遍历算法思悟
    查看>>
    红黑树算法思悟
    查看>>
    从山寨Spring中学习Spring IOC原理-自动装配注解
    查看>>