博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
你用过 PropTypes 的这些类型检查么?
阅读量:6982 次
发布时间:2019-06-27

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

你用过 PropTypes 的这些类型检查么?

从React15.5起,React.PropTypes被移入到单独的package中。react提供了一个package(prop-types)去检查props的类型。

为什使用prop-types

在多人开发时,当被人使用自己定义的组件时,有可能出现类型传错的情况,而在自己的组件上加上prop-types,他可以对父组件传来的props进行检查,加入父组件中想传递的是字符串类型‘3’,而传递了一个数字类型3,如果没有类型检查系统不会给与提示,但是有了类型检查以后,再控制台会给你一个类型传递错误的提示。这样在工作中可以快速找到错误。

01

首先你需要通过在终端npm install prop-types安装一个叫prop-types的第三方包

02

然后通过下面的写法对你的某一个组件的道具中的变量进行类型检测

03

prop-types提供了大量的验证器

要在组件中进行类型检测,你可以负值propTypes属性,

ES7中使用:

  • 使用isRequired设置属性为必须传递的值

  • shape检测不同对象的不同属性的不同数据类

  • arrOf和objectOf多重嵌套类型检测

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

你可能感兴趣的文章
第十一天:find
查看>>
golang sync WaitGroup
查看>>
使用graphite和grafana进行应用程序监控
查看>>
github推送错误:已经有此代码,不允许覆盖的解决方法
查看>>
C#MysqlHelper
查看>>
SpringMVC Hello World 实例
查看>>
MySQL BETWEEN 用法
查看>>
vim开启自动缩进
查看>>
【转】js之iframe子页面与父页面通信
查看>>
java设计模式_模版模式
查看>>
摄像机平滑更随脚本
查看>>
Struts2 标签配置详细
查看>>
需求管理工具比较 Doors_Requistie Pro_RDM
查看>>
centos+php+nginx的php.ini无法加载的问题
查看>>
从菜鸟到专家的五步编程语言学习法
查看>>
RequestQueue
查看>>
Android TextView 属性设置
查看>>
html元素分类以及嵌套规则
查看>>
android dpi
查看>>
C语言的预处理、编译、汇编、链接
查看>>