react + typescript解决TS2339:Property ‘..‘ does not exist on type ‘Readonly<{}>‘错误

说来比较惭愧,已经两个多月没有更新博客了,由于手头上的项目快进入收尾阶段了,一直没有时间与欲望更新博客,前几天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,这样就解决问题了。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值