react解决浏览器控制台的一些警告

1.: Encountered two children with the same key, `skus`. Keys should be unique so that components maint

原因:table的columns存在相同的key值

解决方案:解决掉相同key值即可


2.chunk-vender-31ecd969-7156c5ebfb7b0e94328d.js:405 Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

原因:按道理来说是组件使用了ref,但是我的项目里面没有使用ref,依旧报了这个错

解决方案:将涉及到的组将用forwardRef包裹一下

3.Warning: Each child in a list should have a unique "key" prop.

原因:这个就很明显,是map循环的时候没有给对应节点添加key值

解决方案:map循环生成dom节点的位置,根节点,根节点设置唯一key值

4.chunk-vender-2a42e354-dd3f0ae7616d399ba0ed.js:36 Warning: Failed prop type: Invalid prop `dataSource` of type `number` supplied to `n`, expected `array`.

原因:react table组件的dataSource赋值不是数组类型,此处给了一个number类型

解决方案:可能导致原因是再请求接口的地址数据没有没或处理,在没有拿到数据的情况下默认为空数组。

你可能感兴趣的:(react解决浏览器控制台的一些警告)