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

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

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

为什使用prop-types：

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

0

1

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

0

2

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

0

3

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

要在组件中进行类型检测，你能够负值propTypes属性，

ES7中使用：

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

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

  型

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