React开发调试工具
接着需要科学上网才能够打开chrome网上商店：
安装完成之后，在搜索栏右边会显示一个图标，当当前网页是基于React开发时候，他会亮：
不是就是灰色，知乎也是React开发的且对应的是线上版本的代码，会经过CSS，JS的代码压缩，去除调试代码：
点击工具之后就可以很容易查看整个React的结构和内容，并且可以实时查看State数据，不需要写那么多console.log来打印数据
Prop检测和默认值
1. PropTypes与DefaultProps
这里我们需要掌握如何对属性进行校验和设置默认属性：
例如我们这个组件需要明确content是一个字符串，deleteITem是函数，index是数字类型。
上述写法无法校验错误类型的传递！
属性校验-PropTypes
脚手架自带这个包，引入就行了。
我要对TodoItem做属性校验，然后明确需要校验的每一项：
注意这个声明写道class的外面。
如果此时传入的属性不符合，就会警告warning-不是报错：
一般开发的过程中都建议把PropTypes的内容写上去，会有对应的警告提示帮助修改问题。
注意PropTypes如果要求必须传递某一个参数的话，还需要加一个后缀：
通过isRequired来要求必须传递某个参数。
官网也有对这个更详细的说明：可以做非常丰富的代码检测！！
1.2 DefaultProps属性
主要用来定义props的默认值的，如果没有传递props的话就采用默认值：
