现象:
这种情况是因为组件传参时: 等号左右两边的数据类型不能严格匹配一致造成的
等号左边data, 查看一下被传参的子组件ProductList的内部data属性:
可以看到data的类型是 : Product[]
而右边的shoppingCartItems来自于: redux中shoppingCart slice, 进去看一下定义:
可以看到它的定义是:Array<object> 而前面的是属性是:Product[]
两边类型不一致。
所以只需要把后面这个的类型修改成: Array<any>, 问题就解决了
总结:针对typescript的这类报错:“不能将类型xxx分配给类型xxx”,要善于使用any属性来解决问题