组件

1. 组件定义

1.使用class定义组件
  class继承自React.Component
  class内部必须定义reader方法，render方法代表该组件UI的React元素
2.使用函数定义(无状态组件)
  一个函数组件props作为参数，返回代表这个组件UI的React元素结构。

2. 组件的props

组件的props用于把父组件中的数据或者方法传递给子组件，供子组件使用。

3. 组件的state

组件的state是组件内部的状态，state的变化最终展示在组件UI上。
通过构造方法constructor方法中通过this.state定义组件的初始状态，通过this.setState方法改变组件的状态。

4. 有状态组件和无状态组件

有状态组件：ES6 class
无状态组件：ES6 class/函数定义

5. 属性校验和默认属性

PropTypes包含组件所有可能的类型
如果校验类型是对象或者数组使用PropTypes.shape({})/PropTypes.arrayOf({})

6. 组件样式

className来替代class选择器