react + typescript解决TS2339:Property ‘..‘ does not exist on type ‘Readonly<{}>‘错误
说来比较惭愧,已经两个多月没有更新博客了,由于身体不太好,而且手头上的项目也快进入收尾阶段了,一直没有时间与欲望更新博客,前几天boss又下发了一个新的项目,采用taro + react + reflux + typescript + taroUI做一个微信小程序,说多了都是眼泪啊,微信小程序我做过,挺熟的,之前用DCloud的HbuildX + uni-app做的vue微信小程序,还比较好用,可
说来比较惭愧,已经两个多月没有更新博客了,由于手头上的项目快进入收尾阶段了,一直没有时间与欲望更新博客,前几天boss又下发了一个新的项目,采用taro + react + reflux + typescript + taroUI做一个微信小程序,说多了都是眼泪啊,微信小程序我做过,挺熟的,之前用DCloud的HbuildX + uni-app做的vue微信小程序,还比较好用,可惜不支持react, 现在要转投react阵营了,就目前使用taro的情况来看,个人感觉没有DCloud好用,不过也基本差不多,废话少说,进入正题。
关于taro怎么安装、怎么新建react + TS项目我就不做过多赘述了,官网都有,上面我也给了链接,不过有一点需要注意,若果你打算使用taroUI,在新建项目时一定要选择带taroUI的模板,否则会各种报错。
javascript是一个弱类型语言,Typescript是Javascript的一个超集,最大区别就是Ts提供了类型系统。从JS转到TS是比较容易的,但是初期对于类型的判断需要好好熟悉一下,在使用react + TS时遇到的最大的坑就是类型判断报错,就像这样的:
此时需要提前对类型做一下约束:
interface isState {
pageTitle: string,
store: any,
num: any
}
然后在react类中限定类型:<any , isState>
OK,这样就解决问题了。
更多推荐
所有评论(0)