进一步使用插件来对props做数据类型的规范

资料来源https://www.npmjs.com/package/prop-types  利用第三方prop-types来处理  让props看起来有数据类型约束(js是弱语言没有数据类型的概率)

安装   npm install --save prop-types

使用 在需要用的地方引入(下面我以header.js文件为例)

 改变父组件index.js中的代码

 保存运行npm run start结果如下

 此时我们再将header.js中的数据类型改为number,并且保存,运行,结果如下

此时不会报错

 

最后,我们来介绍一下常见的数据类型