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>
      })


相关文章
|
7月前
|
缓存 资源调度 DataWorks
DataWorks操作报错合集之DataWorks节点报错:OSError: [Errno 7] Argument list too long,该怎么处理
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
110 1
|
5月前
|
SQL 分布式计算 DataWorks
DataWorks操作报错合集之在使用函数holiday_date遇到报错: “Perhaps you forgot to add it to using list when create funciton.,是什么原因
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
6月前
|
分布式计算 DataWorks 监控
DataWorks操作报错合集之遇到“OSERROR: argument list too long”的错误,该如何处理
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
67 1
|
7月前
|
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
358 0
|
6月前
|
存储 NoSQL 安全
Redis第六弹-List列表-(相当于数组/顺序表)Lpush key element-一次可以插入多个元素(假如key已经存在,并且key对应的value并非是list,则会报错)
Redis第六弹-List列表-(相当于数组/顺序表)Lpush key element-一次可以插入多个元素(假如key已经存在,并且key对应的value并非是list,则会报错)
|
7月前
|
Java API
List转Map(id为key,list为value)
List转Map(id为key,list为value)
278 0
|
7月前
List中的remove方法遇到报错不能删除以及四种解决办法点赞收藏
List中的remove方法遇到报错不能删除以及四种解决办法点赞收藏
265 0
|
7月前
|
分布式计算 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产品在使用过程中经常遇到的问题及解答,以助用户在数据处理和分析工作中提高效率,降低难度。
|
6月前
|
安全 Java
java线程之List集合并发安全问题及解决方案
java线程之List集合并发安全问题及解决方案
1015 1
|
5月前
|
Java API Apache
怎么在在 Java 中对List进行分区
本文介绍了如何将列表拆分为给定大小的子列表。尽管标准Java集合API未直接支持此功能,但Guava和Apache Commons Collections提供了相关API。