defaultProps 和 prop-types
使用 defaultProps 设置组件的默认值
React 中，使用静态的 defaultProps 属性，来设置组件的默认属性值。
格式举例：
// 在 React 中，使用静态的 defaultProps 属性，来设置组件的默认属性值
static defaultProps = {
initcount: 0 // 如果外界没有传递 initcount，那么，自己初始化一个数值（比如0）
};
使用prop-types进行props数据类型的校验
在组件中，可以通过 prop-types 把外界传递过来的属性，做类型校验。如果类型不匹配，控制台会弹出告警。
注意：如果要为 传递过来的属性做类型校验，必须安装 React 提供的 第三方包，叫做 prop-types。
格式举例：
static propTypes = {
initcount: ReactTypes.number // 使用 prop-types 包，来定义 initcount 为 number 类型
};
下方代码中，在引用组件的时候，如果类型不匹配：
控制台告警如下：
20190212_2130.png
我们把 defaultProps 和 prop-types 来举个例子。
（1）index.html:
（2）main.js:
（3）/components/Counter.jsx：
运行效果：
20190212_2100.png
案例：点击按钮后，计数器 +1。
代码举例：
（1）index.html:
（2）main.js:
（3）/components/Counter.jsx：
使用 React 提供的方法，做事件绑定
代码举例：
（1）index.html和 （2）main.js 的代码不变，和上一小段中的代码一致。
（3）/components/Counter.jsx：
生命周期函数：shouldComponentUpdate()
在 shouldComponentUpdate() 函数中，必须要求返回一个布尔值。
需要注意的是：如果返回的值是 false，则不会继续执行后续的生命周期函数，而是直接退回到了 运行中 的状态。因为此时，后续的 render 函数并没有被调用，因此页面不会被更新，但是组件的 state 状态，却被修改了。这种情况，我们也可以这样理解：如果返回值为 false，此时只是更新了 state 里面的数值，但是并没有渲染到 DOM节点上。
利用上面这个特性，我们可以来举个例子。
举例：实现 Counter 计数器只在偶数情况下更新。
实现思路：在 shouldComponentUpdate() 函数中，如果 state 中 的count 的值为奇数，就 return false；否则就 return true。
代码实现：（我们在上面的Counter.jsx代码基础之上，做添加）
上面这部分的代码，和 render() 方法是并列的。我们需要注意里面的注释，关注 nextState 参数的用法。
在js代码中获取html标签的属性
比如说，如果想获取 html标签的 innerHTML 属性，做法如下：
通过原生 js 获取：
也可以通过 React 提供的 refs 获取：
代码举例：
（3）/components/Counter.jsx：
上方代码中，componentWillUpdate() 和 componentDidUpdate() 方法里的代码，就是我们这一段要举的例子。
需要注意的是，<h3 id="myh3" ref="mymyh3">这部分代码中，属性名只能小写，不能大写。
工程文件：
生命周期函数：componentWillReceiveProps()
当子组件第一次被渲染到页面上的时候，不会触发这个 函数。
只有当父组件中，通过 某些 事件，重新修改了 传递给 子组件的 props 数据之后，才会触发 componentWillReceiveProps。
代码举例：
（1）index.html:
（2）main.js:（引入组件）
（3）TestReceiveProps.jsx：（组件的定义）
上方代码中，我们在组件 Parent 中引入了子组件 Son。重点注意 componentWillReceiveProps()函数 的注释部分。