Each child in a list should have a unique “key“ prop. Check the render method的报错解决

简介: Each child in a list should have a unique “key“ prop. Check the render method的报错解决
警告:列表中的每个子元素都应该有一个唯一的“key”道具。
检查' Trigger '的渲染方法。它从notifeview中传递了一个子元素。
Warning: Each child in a list should have a unique "key" prop.
Check the render method of `Trigger`. It was passed a child from NoticeView.


这里提示了在NoticeView组件中报错了,遍历列表时没有加key。


message = tipList.map((e, i) => {
        return <>
        <div key={ e.id }>
          <span className={style.indexTip}>{++i}</span>
        </div>
        </>
      })


从上面的代码中可以看到我们遍历的时候加了key了,加在了div上面,但是我们注意看在div前面其实还有个空标签,那就意味div其实是二级节点,而key是要加入到一级节点的。所以将上面的代码改成:


message = tipList.map((e, i) => {
        return <div key={ e.id }>
              <span className={style.indexTip}>{++i}</span>
            </div>
      })


相关文章
|
1月前
|
缓存 资源调度 DataWorks
DataWorks操作报错合集之DataWorks节点报错:OSError: [Errno 7] Argument list too long,该怎么处理
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
35 1
|
22天前
|
存储 NoSQL 安全
Redis第六弹-List列表-(相当于数组/顺序表)Lpush key element-一次可以插入多个元素(假如key已经存在,并且key对应的value并非是list,则会报错)
Redis第六弹-List列表-(相当于数组/顺序表)Lpush key element-一次可以插入多个元素(假如key已经存在,并且key对应的value并非是list,则会报错)
|
1月前
|
JavaScript
Vue报错 Invalid default value for prop “list“: Props with type Object/Array must use a factory
Vue报错 Invalid default value for prop “list“: Props with type Object/Array must use a factory
140 0
|
1月前
|
Java API
List转Map(id为key,list为value)
List转Map(id为key,list为value)
51 0
|
1月前
List中的remove方法遇到报错不能删除以及四种解决办法点赞收藏
List中的remove方法遇到报错不能删除以及四种解决办法点赞收藏
93 0
|
1月前
|
分布式计算 DataWorks 安全
DataWorks报错问题之DataWorks报错odps-0433121: User is not added in the list - Only users in the operator account white list have permission to do that如何解决
DataWorks是阿里云提供的一站式大数据开发与管理平台,支持数据集成、数据开发、数据治理等功能;在本汇总中,我们梳理了DataWorks产品在使用过程中经常遇到的问题及解答,以助用户在数据处理和分析工作中提高效率,降低难度。
|
10月前
|
缓存 前端开发
前端项目实战捌拾捌react-admin+material ui-踩坑-List之一直报错需要什么样的字段
前端项目实战捌拾捌react-admin+material ui-踩坑-List之一直报错需要什么样的字段
26 0
|
1月前
|
Oracle Java 关系型数据库
Java【代码分享 06】Lamda表达式将List对象中的Map对象的key全部转化为大写或者小写(去除外层循环:可用于Map对象中的key全部转化为大写或者小写)
Java【代码分享 06】Lamda表达式将List对象中的Map对象的key全部转化为大写或者小写(去除外层循环:可用于Map对象中的key全部转化为大写或者小写)
126 0
|
11月前
|
算法 IDE 开发工具
【Python语法】类型提示(self, nums: List[int]) -> List[int],报错NameError: name ‘List‘ is not defined解决
【Python语法】类型提示(self, nums: List[int]) -> List[int],报错NameError: name ‘List‘ is not defined解决
|
3天前
|
安全 Java
java线程之List集合并发安全问题及解决方案
java线程之List集合并发安全问题及解决方案
8 1