react 项目中使用了typescript,是否还需要使用prop-types来进行格式验证。

如题:
react 项目中使用了typescript,是否还需要使用prop-types来进行格式验证。

阅读 6.9k
2 个回答

需要。
PropTypes是组件接收prop的约束。

typescript类型约束主要是参数传递以及返回值的约束,两个东西侧重点不一样

可以只用typescript进行验证,也可以只用prop-types进行验证,也可以两者混搭进行验证,这个并没用严格限制。
首先不管用typescript,还是prop-types,都只在开发模式下进行检查,typescript无需多言,react我们参考官网:
clipboard.png
只是用typescript验证提示是ts语言带来的功能,用prop-types验证提示是react带来的功能。至于写法我们可以参考官网(官网真是好东西):

clipboard.png

clipboard.png
typescript参考链接

react参考链接

如果想看中文的,请自行百度(感冒,睡不着,也不想工作)。

最后我们拿当下最火的ui框架ant-design,咱们看看阿里的源码怎么写的?

Affix组件(两者都有用):

clipboard.png

Alert组件(只用了一种):

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题