博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用typescript编写react的时候,props的interface和react本身的proptypes有什么关系
阅读量:5938 次
发布时间:2019-06-19

本文共 701 字,大约阅读时间需要 2 分钟。

通常我们使用typescript来编写一个react组件的时候,

都会定义一个props的接口
类似于这样的:

export interface AffixProps {  /**   * 距离窗口顶部达到指定偏移量后触发   */  offsetTop?: number;  offset?: number;  /** 距离窗口底部达到指定偏移量后触发 */  offsetBottom?: number;  style?: React.CSSProperties;  /** 固定状态改变时触发的回调函数 */  onChange?: (affixed?: boolean) => void;  /** 设置 Affix 需要监听其滚动事件的元素,值为一个返回对应 DOM 元素的函数 */  target?: () => Window | HTMLElement | null;  prefixCls?: string;}

通过对typescript 对接口已经做了类型限制等。

同时,在react中提供了proptypes 对props做验证。

那么既然存在了interface,那么proptypes的作用是否可以忽略,或者说

proptypes是对interface的一种加强的呢?
这2者的关系怎么理解呢。
希望可以解惑~~

ypescript 的类型检查是静态的,prop-types 可以在运行时进行检查。

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

转载地址:http://avttx.baihongyu.com/

你可能感兴趣的文章
oracle sql语句实现累加、累减、累乘、累除
查看>>
SCNetworkReachabilityRef监测网络状态
查看>>
3D地图的定时高亮和点击事件(基于echarts)
查看>>
接口由40秒到200ms优化记录
查看>>
java 视频播放 多人及时弹幕技术 代码生成器 websocket springmvc mybatis SSM
查看>>
Activiti6.0,spring5,SSM,工作流引擎,OA
查看>>
第十三章:SpringCloud Config Client的配置
查看>>
使用 GPUImage 实现一个简单相机
查看>>
CoinWhiteBook:区块链在慈善事业中的应用
查看>>
【二】express
查看>>
Mac上基于Github搭建Hexo博客
查看>>
What does corn harvester involve?
查看>>
阿里云服务器ECS开放8080端口
查看>>
前端常用排序详解
查看>>
Spring中实现监听的方法
查看>>
使用Tooltip会出现一个问题,如果行上出现复选框
查看>>
11.03T1 DP
查看>>
P2924 [USACO08DEC]大栅栏Largest Fence
查看>>
jQuery操作table tr td
查看>>
工作总结:MFC自写排序算法(升序)
查看>>