17、React组件开发：属性类型、子元素渲染与高阶组件

React组件开发：属性类型、子元素渲染与高阶组件

1. React属性类型与验证

1.1 默认属性值的优势

默认属性值可以避免重复声明相同的值。当大部分时间使用单一属性值，但又希望提供修改该值的方式时， defaultProps 特性是不错的选择。覆盖默认值不会引发问题。

1.2 属性类型设置

可以通过 propTypes 静态属性为 React 组件类设置属性类型。不过，属性类型特性不会强制属性值的数据类型，而是给出警告。在开发模式下，如果类型不匹配，控制台会显示警告信息；在生产模式下，不会阻止使用错误的类型，React 会抑制这些警告。

对于 React 15.5 及更高版本，类型定义来自 prop-types 包，需要在 HTML 文件中引入：

<!-- 开发版本 -->
<script src="https://unpkg.com/prop-types/prop-types.js"></script>
<!-- 生产版本 -->
<script src="https://unpkg.com/prop-types/prop-types.min.js"></script>

如果使用 React 15.4 及更早版本，则无需引入 prop-types ，因为类型包含在 React.propTypes