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

喵喵大人1
  • 45

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

回复
阅读 2.5k
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

你知道吗?

宣传栏