组合：它是React官方特别推荐的一种组件化的设计方案。
意义：组合是React封装组件的基础思想，背后的语法基础：props children / render props。
封装组件的一般思路（观察--封装--使用）
1、思考当前产品需要复用的一种类型的组件，由哪几个部分组件？（抽象、拆解）
把多个有所差异的需求，抽象成一个模板（组件）
进一步把这个模板（组件）拆解多个不同“子部分”
2、把每个“子部分”封装子组件，把每个子组件的多种可能通过props进行控制。
3、把这些子组件，组合成多种不同的结果。（3种header*2种boyd*2种footer=12种结果）
简单理解继承实现组件的复用？
// class Modal extends PureComponent {}
// class DefaultHeaderModel extends Modal {}
// class MiniHeaderModal extends Modal {}
// class DefaultFooterDefaultHeaderModal extends DefaultHeaderModel {}
// class CustomFooterMiniHeaderModal extends MiniHeaderModal {}
为props添加数据类型验证
import PropTypes from 'prop-types'
为props属性添加默认值
Modal.defaultProps = { title: '呵呵'}
