React属性检查--包含于不包含某个属性

前言

我们已经知道了如何使用FlowTypeScript这些工具来进行属性类别的检查,但是有时候我们需要检查是否包含某个属性以及是否包含有非必要的属性

正文

检查是否包含了某个属性

检查是否包含了非必要的属性

方法一:使用{}解构...运算符以及Object.keys

例子:heightwidth属性为必要的属性,而其他的属性为非必要的,那么可以通过{}进行解构,抽离出heightwidth,其他的属性就映射在otherProps里,只需要判断otherProps键值数量是否大于0

_validateProps(props) {
            const {height, width, ...otherProps} = props;
            const keys = Object.keys(otherProps);
            if (keys.length !== 0) {
                throw new Error("含有非必要的属性");
            }
        }
```·
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 2,896评论 2 9
  • 1. 前言 前端圈有个“梗”:在面试时,问个css的position属性能刷掉一半人,其中不乏工作四五年的同学。在...
    YjWorld阅读 4,598评论 5 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • 那年,二中门口, 你拿苹果和我换月饼。 雨后的操场格外翠绿, 我嚼着苹果怀疑那就是思念的味道, 你却说, 月饼吃完...
    小小稻阅读 317评论 0 0
  • 这个问题在我生二宝前就已经反反复复想得很明白了。 我要生二宝的四个“不是因为”: 1.不是因为家里的长辈催促。 家...
    新媒体运营苏苏阅读 1,011评论 0 2