TS 对象动态key 类型报错问题

Posted 2023-04-23

参考技术A 1.先声明一个接口

2.创建了一个对象(vue3环境演示)

3.比如提交完表单,用动态key把值都赋值为空字符串(此时报错出现了)

4.至于在TS中如何解决这个报错,

5.上面演示的情况是 ICityData 里面属性的值的类型都是 string类型,这样写就ok了,但是还有的情况是他里面还有比如 count: number ,isSelected: boolean 这样的类型,或者是一个对象遍历出来值动态循环给另一个对象赋值,总之就是值得类型不再是唯一一种了,此时再按上面写 他会报错,他左侧等着被赋值的类型变成了never

react+ts 项目：ts(2322),类型“Readonly＜{}＞”上不存在属性“day”。ts(2339) 解决办法

React - 类型“Readonly<{}>”上不存在属性

父组件传值报错

子组件接收数据报错

排查代码后发现, 只要将 .tsx 换成 .jsx 之后发现问题就不存在了。 于是将问题定位在了 TypeScript 上。
所以只需要将子组件接受的 props 和 state 的类型定位成 any 这个问题就可以解决。