PropTypes类型检查

参考来自hangge :链接

prop-types简介

之前可以直接使用 React.PropTypes 进行属性类型检查,不过自 React v15.5 后就被移除了,所以现在使用prop-types库代替。使用属性类型检查后,类型错误时,发手机会弹出相关的警告信息

RN为了代码的高效运行,属性确认仅在开发环境中有效,正式发布的 App 运行时不会进行检查

prop-types安装与使用

yarn add prop-types

import PropTypes from 'prop-types';

prop-types语法

属性是指定js类型
  • PropTypes.array
  • PropTypes.bool
  • PropTypes.func
  • PropTypes.number
  • PropTypes.object
  • PropTypes.string
属性是可渲染节点
  • PropTypes.node
属性是某个React元素
  • PropTypes.element
属性是某个指定类的实例
  • PropTypes.instanceOf(NameOfAClass)
属性取值为特定的几个值
  • PropTypes.oneOf(['value1', 'value2'])
属性为指定类型中的任意一个
  • PropTypes.oneOfType([PropTypes.bool,PropTypes.number,])
属性为指定类型的数组
  • PropTypes.arrayOf(PropTypes.number)
属性是一个有特定成员变量的对象
  • PropTypes.objectOf(PropTypes.number)
属性是一个指定构成方式的对象
  • PropTypes.shape({color: PropTypes.string,fontSize: PropTypes.number,})
属性可以是任意类型
  • PropTypes.any

将属性声明为必需的

上述语法,都可以通过在后面加上 isRequired 声明它是必需的。

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

推荐阅读更多精彩内容

  • 学习如何在Flow中使用React 将Flow类型添加到React组件后,Flow将静态地确保你按照组件被设计的方...
    vincent_z阅读 6,388评论 4 21
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,282评论 2 21
  • react基础API没有学react的同学请看完这篇教程再看APIhttp://www.ruanyifeng.co...
    在宇宙Debugger阅读 461评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,869评论 18 139
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,858评论 1 18