React系列-Warning汇总

问题:

Unknown props startDate, endDate, ranges, onApply on <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop

原因:

在原生节点上如div上使用了不规范的属性,可能是为了传值或者其他原因

解决办法:

在原生节点上去掉这些不规范的属性,使用data属性代替,比如需要传一个开始日期startDate,可以写成data-startDate.


问题

Warning: Each child in an array or iterator should have a unique "key" prop. Check the render method of CtrlGrid. See https://fb.me/react-warning-keys for more information.

原因

react规范每个数组或者迭代器中循环出来的组件或原生节点都必须添加一个唯一值的key属性,key值在此循环中唯一,以便react可以快速定位指定的组件,以此提高渲染效率

解决办法

查看报warning的页面的循环输出,给每个输出的组件或原生节点添加key属性,如果还是出现类似问题,则进一步检查同一循环内是否有key值重复.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GUIDS 第一章 为什么使用React? React 一个提供了用户接口的JavaScript库。 诞生于Fac...
    jplyue阅读 3,595评论 1 11
  • 1、Warning:Each child in an array or iterator should have ...
    Wendy曹阅读 3,238评论 0 6
  • 自己最近的项目是基于react的,于是读了一遍react的文档,做了一些记录(除了REFERENCE部分还没开始读...
    潘逸飞阅读 3,496评论 1 10
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,860评论 1 18
  • 玛格丽特·杜拉斯的大名伴随着她的作品,几乎隔一阵就会在眼前飘过。然而,一直到今天,才第一次去读她的书——大名鼎鼎的...
    书悦阅读 3,547评论 0 3