为什么我的prop-types不能检测出传递的数据的正确性

父组件:

import React from 'react';
import MyCompo from './MyCompo.js'
class App extends React.Component {
    constructor() {
        super();
        this.state = {
            a: 1000,
            d: 6
        }
    }

    render() {
        return (
            <div>
                <p>父组件</p>
                <MyCompo a = {123}></MyCompo>
            </div>
        )
    }
}

export default App;

子组件

 import React from 'react';
import PropTypes from 'prop-types';

class MyCompo extends React.Component{
    constructor(props) {
        super();
    }

    render() {
        return (
            <div>
                子组件
            </div>
        )
    }
}

//定义组件需要传入的参数
MyCompo.propTypes  = {
    a: PropTypes.string.isRequired,
    b: PropTypes.string.isRequired,
    c: PropTypes.number.isRequired
};

export default MyCompo;

结果:没有报错或者提醒
图片说明

package.json
图片说明

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
react中使用prop-types检测props数据类型
一、为什么使用prop-types 在多人开发时,当被人使用自己定义的组件时,有可能出现类型传错的情况,而在自己的组件上加上prop-types,他可以对父组件传来的props进行检查,加入父组件中想传递的是字符串类型‘3’,而传递了一个数字类型3,如果没有类型检查系统不会给与提示,但是有了类型检查以后,再控制台会给你一个类型传递错误的提示。这样在工作中可...
【react】利用prop-types第三方库对组件的props中的变量进行类型检测
1.安装:npm install prop-types --save 2.使用 import React, { Component } from 'react'; import PropTypes from 'prop-types' const users = [ 1, { username: 'Tongbao', age: 22, gender: 'male' }, { us...
程序中遗留的的缺陷与已检测初的成正比,释疑
详细的阐述,为何计算机软件测试中程序中遗留的缺陷数量与已检测出的缺陷数量呈正比的缘由。。。
【React学习笔记】易忽略和需要注意的点
官网:React 中文网:React 易忽略和需要注意的点: 1、函数bind this的问题 class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn: true}; // 这个绑定是必要的,使`this`在回调...
foxmail 发不出邮件,被电脑管家云查杀引擎检测出带有病毒:Win32.Trojan.Agent.hryf ...
1,您可以到腾讯电脑管家官网下载一个电脑管家。 2,然后使用电脑管家——杀毒——指定位置查杀——选择到该软件目录,开始扫描,检测一下是否的确存在木马病毒,如果有的话就根据电脑管家提示进行处理即可。...
安装程序检测出uninstallshield正在使用中。请关闭uninstallshield并重新启动安装程序...
有很多朋友安装SQL Server 2000或者2005都出现这个问题 英文错误提示:Setup has detected that unInstallshied is in use please close unInstallShield and restart setup error:432 解决办法: 删除C:\Windows\下IsUn0804.exe或者IsUninst.e...
propTypes的使用
react propTypes 属性的类型验证。
vue不能检测到数组的变动
在写vue的项目时,遇到一个问题,正常的情况下model层变化,view层跟着变化。但是 现在我model层变化更新了,view层没有变化(好紧张,难道我又遇上了传说中的Bug),我想哭……,好在方法总比困难多,蹂躏一番度娘后,度娘终于给了我想要的。开始分享 Vue之所以能够监听Model状态的变化,是因为JavaScript语言本身提供了Proxy或者Object.observe()机制来监听...
360卫士监测出APP有木马问题
自己开发的APP安装时,手机360安全卫士提示有木马病毒问题。
[kaggle系列 四] 通过mnist来研究神经网络的一些细节(1)
题目 https://www.kaggle.com/c/digit-recognizer 前言 前面玩泰坦尼克号花费了一些时间,想要把分数刷的高一些,但是没有成功,感觉再搞下去意义不大,毕竟只是拿来熟悉kaggle和一些机器学习算法的,目的已经达到了,没必要纠缠下去。所以就开新坑啦~ 其实我重点是想要搞神经网络深度学习的,mnist是一个比较简单的数据集,...
为什么这段程序不能检测出我的浏览器类型等
rnrn rn 检测操作系统和浏览器类型rnrnrn 浏览器类型:$browserType $browser_Ver";rn/* rn操作系统类型rn*/ rn if(strpos($HTTP_USER_AGENT,'Windows 9'))rn rn $osType="Windows 9X";rn rn elseif(strpos($HTTP_USER_AGENT,'Windows NT'))rn rn $osType="Windows NT";rn rn elseif(strpos($HTTP_USER_AGENT,'Windows 2000'))rn rn $osType="Windows 2000";rn rn elseif(strpos($HTTP_USER_AGENT,'Mac'))rn rn $osType="Mac";rn rn elseif(strpos($HTTP_USER_AGENT,'Unix'))rn rn $osType="Unix";rn rn elseif(strpos($HTTP_USER_AGENT,'Linux'))rn rn $osType="Linux";rn else $osType="Others";rnrn echo " 操作系统类型:$osType";rn echo " IP地址:$REMOTE_ADDR";rn?>rnrnrnrnrn结果:rn浏览器类型:OTHER 0rnrn操作系统类型:OthersrnrnIP地址rnrn问题:rn我的机子是WIN2K,程序的问题还是其它的原因让它查不出来呢?rn(注:我的机子有网卡但是没有连网线,这是不是给调适PHP程序带来一定问题?)
关于react项目当中propTypes应该在生产环境中去掉的做法
我们都知道,在react项目当中state和prop是常用的属性,state是组件内部的状态,而prop是外部传递给组件的数据。对于对props的属性校验,一般会引入propTypes。 首先我先大致说一下propTypes检查。在react中既然props是组件的对外接口,那么就应该以某种方式让组件声明自己的接口规范。react通过propTypes来支持这个功能,来约束这个组...
anomaly detection
异常数据检测一种新的 有效的方法 能有效的检测出异常数据
端口波特分辨率检测
检测出的端口,波特,分辨率几个数据,用于修改相关地图软件的端口波特数据。
信息安全系统-网络智能入侵检测
智能入侵检测,可以检测出Tcp,udp端口扫描,检测出入侵系统的行为。
teamviewer检测出商业用途5分钟断开解决方法
teamviewer检测出商业用途5分钟断开解决方法 teamviewer检测出商业用途5分钟断开解决方法teamviewer检测出商业用途5分钟断开解决方法
react native中 关于使用react的PropTypes报错的问题
前言:进行项目中又一个弹窗选择的功能,自己琢磨了一些,感觉自己写比较麻烦,所有准备集成一个第三方库,并选中了react-native-modal-picker 这个库。但是我在集成之后写demo的时候,发现老是报  PropTypes  的错误。错误如下:       项目中使用的 react 和 react-native 的版本: 错误原因:      经过查找原因后我发现,我集成的...
如何理解奇偶校验只能发现数据代码中奇数位出错的情况
首先要理解:奇数+奇数=偶数;偶数+奇数=奇数;偶数+偶数=偶数;奇数+偶数=奇数; 所以可以得知:一个数加上一个奇数可以改变其原有的奇偶行,然而偶数不可以。所以,只有出现了奇数个错误,才会改变整个数据中的1的个数, 才可以被发现;而发生了偶数个错误,即使发生了也不能发现,因为奇偶校验不能时通过观察1个数的变化来发现错误的,而是通过奇偶行的变化来发现错误的。 所以,只能发现数据代码中奇数位出
发布的APP并检测出病毒
发布的APP用户使用三四个月后,很多人反应腾讯手机管家检测出病毒,如下图所示 实在想不出怎么会被检测出病毒呢,就在网上各种搜,有点说引入第三方包货程序未反编译等等,检查程序发现这些情况是不存在的,最终到腾讯手机管家的官网论坛上问,回复说是去申诉,https://m.qq.com/complaint/, 最终邮件回复已解除风险,虚惊一场。。。...
安装sas时提示重启挂起的解决办法
安装sas时提示重启挂起的解决办法,详细请看pdf文档,非常好用哦,非常好用哦
计算机网络课程设计-帧封装
前导码 帧前定界符 目的地址 源地址 长度字段 数据字段 校验字段 7B 1B (2/6B) (2/6B) (2B) (长度可变) (4B) 循环冗余校验码的特点:(1)CRC校验码可检测出所有单个错误。(2)CRC校验码可检测出所有奇数位错误。(3)CRC校验码可检测出所有双位的错误(4)CRC校验码可检测出所有小于、等于校验位长度的突发错误。(5)CRC校验码可以 的概率检测出长度为(K+1)位的突发错误
键盘控件 检测键值
能够检测出当前的键值
typeof检测到的数据类型有哪些?
javascript共有6种数据类型:(基本类型5种)number、string、boolean、null、undefined  。(引用类型1种) object typeof检测返回6种: undefined、boolean、string、number、object、function 注:null是一个只有一个值的特殊类型。表示一个空对象引用。用typ
边缘检测的matlab源代码
能够检测出图像边缘,已经通过程序运行,我是为了自己的毕业论文找的,现共享
网络词频检测软件
这是一款内测词频检测软件,很便捷检测出你需要的信息、数据
intel3945驱动for苹果
无线网卡intel3945的苹果驱动,我试过了,可以检测出网卡。
电脑详细检测工具
本工具可以检测出当前电脑的配置及硬件所有的详细数据
TeamViewer检测到商业用途,5分钟掉线bug的解决办法
最近,我的Teamviewer总是跳出来提示我为商业用途,我感到十分生气,我使用teamviewer只是为了给我的同学和朋友帮忙(偶尔我也会控制学校实验室的电脑)!虽然我也想支持正版,毕竟人家赚钱也不容易,但我发誓绝对没有用于商业用途。网上找了找,发现不少人遇到我这样的问题,油管上一个视频十分方便的解决了我的问题: https://www.youtube.com/watch?v=kQdkUk30...
识别图片中的字母数字,甚至汉字
java版的识别字母数字,甚至汉字,非常强大。 http://sourceforge.net/projects/eyeocr/files/
检测出变量?
一篇文章里面含有几个变量(变量不固定),如果检测出来rnrn中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国rn和国中华人民共和国中华人民共和国rn和国中华人民共和国中华人民共和国rn和国中华人民共和国中华人民共和国rn和国中华人民共和国中华人民共和国rnrn=================================================rn其中$20071008rn $20071009rn $20071010rn $20071011rn是变量rnrn如何把里面的变量找出来,用逗号分割组成一个字符串,就可以了 谢谢rnrn
关于svn检出的项目无法运行的问题
当时的内部用到的三方适配库,autolayout, 但是在svn不知道是性能原因还是其他的方面,每次的项目只能上传,或者检出一部分,导致库的module无法创建 (build-->make module 等结果) 观察地址:EVENT Log 解决方法: 仔细在工具栏的build选项里面,选择make module "autolayout" 在创建完毕之后,messages中,提示
prop-types.js(15.6.1)
Props 验证使用 propTypes,它可以保证我们的应用组件被正确使用,React.PropTypes 提供很多验证器 (validator) 来验证传入数据是否有效。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。
ICreate(我想)5218量产工具
ICreate(我想)5218量产工具,用芯片精灵检测出芯片型号后可以使用。我的用这个修复好了。
身份证号正确性校检
身份证号正确性校检,根据公式检验18身份证号,正确为√,错误为x
GPU-Z v0.1.7
能检测出显卡的相关属性
face_landmark_detector_dlib-01.rar
在播放视频流时检测出人脸的68个关键点
电脑有时能检测出硬盘,有时不能,为什么
电脑有时能检测出硬盘,有时不能,为什么
怎么能检测出优盘?
当优盘插入电脑,在程序里怎么能检测出优盘?
参数检测工具.rar
U盘检测工具,能检测出你的U盘型号U盘检测工具,能检测出你的U盘型号U盘检测工具,能检测出你的U盘型号
JAVA 判断一个字符串是不是一个合法的日期格式
public static boolean isValidDate(String str) { boolean convertSuccess=true;      // 指定日期格式为四位年/两位月份/两位日期,注意yyyy/MM/dd区分大小写; SimpleDateFormat format = new SimpleDateFormat("yyyy/MM/dd HH:m