組件是按照功能分解爲不同的部分，方便其他地方使用。
Web Component點擊打開鏈接
組件名稱應該以大寫字母開頭
1. 創建組件
import React,{Component} from 'react';
class ItemEs6 extends Component {
static defaultProps(){
return {flag:'123'}
}
constructor(props){
super(props);
}
render(){
return <div></div>
}
}
// 導出組件
export default ItemEs6
// 設置默認值
ItemEs6.defaultProps = {
flag:"123";
}
props 只讀的原理 or 原因
2. 將組件渲染到DOM中
兩個步驟：1.在html中定義一個元素，設置id屬性
2. JSX中調用'ReactDom.render'方法，
3. 組件屬性Props
3.1 獲取屬性值
3.2 設置默認屬性
3.3 子節點屬性
3.4 Props的只讀性
3.5 屬性類型檢測
3.6 屬性傳遞單向性
4. 組件狀態State
4.1 獲取狀態
this.state 可以獲取當前組件的狀態
4.2 設置狀態
setState方法會導致重新渲染調用render方法
4.3 狀態的異步性
preStrate來實現類似同步狀態改變