解决typescript报错：不能将类型xxx分配给类型xxx

àì夳堔傛蜴生んèń 2023-10-16 14:57 66阅读 0赞

现象：

![a2289e5566b74154bc257df7dbee8446.png][]

这种情况是因为组件传参时： 等号左右两边的**数据类型不能严格匹配**一致造成的

等号左边data, 查看一下被传参的子组件ProductList的内部data属性:

![9ae1c49e0aeb437f9595b2f8f4b2ce45.png][]

![1d1c200bfefc4378baee9a1fff9eff7f.png][]

![3d13636318c9405f843f5bef0b1ca2c6.png][]

可以看到data的类型是 ：**Product\[\]**

而右边的shoppingCartItems来自于： redux中shoppingCart slice, 进去看一下定义：

![ea4a8c1786fa474984b48023edc78c62.png][]

![d0037d2fe9c74404b89877daa2dc2e67.png][]

可以看到它的定义是：**Array<object>　而前面的是属性是：Product\[\]**

**两边类型不一致。**

所以只需要把后面这个的类型修改成：**Array<any>，　问题就解决了**

![71d3056de3b745c9af8e7e182b145fcb.png][]

**总结：针对typescript的这类报错**：“不能将类型xxx分配给类型xxx”，要**善于使用any属性**来解决问题

[a2289e5566b74154bc257df7dbee8446.png]: https://img-blog.csdnimg.cn/a2289e5566b74154bc257df7dbee8446.png
[9ae1c49e0aeb437f9595b2f8f4b2ce45.png]: https://img-blog.csdnimg.cn/9ae1c49e0aeb437f9595b2f8f4b2ce45.png
[1d1c200bfefc4378baee9a1fff9eff7f.png]: https://img-blog.csdnimg.cn/1d1c200bfefc4378baee9a1fff9eff7f.png
[3d13636318c9405f843f5bef0b1ca2c6.png]: https://img-blog.csdnimg.cn/3d13636318c9405f843f5bef0b1ca2c6.png
[ea4a8c1786fa474984b48023edc78c62.png]: https://img-blog.csdnimg.cn/ea4a8c1786fa474984b48023edc78c62.png
[d0037d2fe9c74404b89877daa2dc2e67.png]: https://img-blog.csdnimg.cn/d0037d2fe9c74404b89877daa2dc2e67.png
[71d3056de3b745c9af8e7e182b145fcb.png]: https://img-blog.csdnimg.cn/71d3056de3b745c9af8e7e182b145fcb.png