每一個 React 元件都有自己的生命周期，React 為元件提供了許多生命週期相對應的方法(事件)，讓我們可以在元件發生前、發生後，甚至是被消滅的情況下，可以藉由這些方法來設計一些行為。 元件的生命週期有三個主要的部分：Mountint, Updating 以及 Unmounting，以下以目前最新的 React 16.4 生命週期簡介之。 Mounting：掛載階段，元件正準備要被寫入 DO
狀態(state)和屬性(props)類似，都是一個元件所需要的一些數據資料集合，但是 State 是私有的，它不能被自身元件以外的任何元件使用， React 把元件看成是一個狀態機，如果元件沒有狀態，那就只需要寫成函式元件並透過 props 傳遞資料，不需要寫成類別元件，但如果需要與使用者進行互動，就必須使用 State，先由 State 初始化元件本身的資料，再由 setState 方法改變元
元件 (Component) 讓你可以將用戶界面分成獨立的，可重複使用的小元件，並且可以對每個部件進行單獨的設計，是 React 最基本也最重要的觀念之一。 最簡單的定義元件的方法是寫一個 JavaScript 函數。 123function Person(props) { return <h1>My name is {props.name}</h