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值重复.