prop-types和TypeScript的区别

  • 侧重点不同
    PropTypes是组件接收prop的约束。
    TypeScript类型约束主要是参数传递以及返回值的约束,两个东西侧重点不一样

  • 部分相似功能
    通常我们编写一个 react 组件的时候,我们会去定义一个 prop-types 去校验我们的 class 的参数输入。而 ts 的 interface 的作用当然也是校验 props 的输入。

  • 区别
    TypeScrip· 的类型检查是静态的,prop-types 可以在运行时进行检查。你如你传了个offsetTop="abc",你的编辑器可能会提示你类型有误,但是在浏览器里仍然是可以正常运行的。而如果你使用了 prop-types,在浏览器里就会给出提示。

【注意】下面这些是从官方英文文档里引用过来的,你大概能够注意到,五种基本类型中的undefined和null并不在此列,propTypes类型检测的缺憾之一是,对于undefined和null的值,它无法捕捉错误

总结: 所以两者是可以混用的,虽然功能上有部分重复,但是可以让你的代码更严谨和有更加丰富的错误提示来校验你的代码。当然在基础的工作中,可以不写 prop-types 校验。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 开发一个React应用,更多的是在编写组件,而React组件最小的单位就是React元素,编写组件的最大的好...
    itclanCoder阅读 1,164评论 0 1
  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,497评论 1 33
  • 一. Java基础部分.................................................
    wy_sure阅读 3,833评论 0 11
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,282评论 2 21
  • 这个城市很熟悉。熟悉的楼宇招牌下的那一家家熟悉小店,熟悉的街角转弯处熟悉的咖啡味道,熟悉的绿叶成荫的大树下熟悉的吉...
    深海暖阳光阅读 235评论 0 0