React 基礎概念與架構

§ React 的設計思維 就是「元件」, 盡可能得讓元件可以重複利用

§ 元件( component ): React 的基本單位, 每個元件內也可以包含無限個子元件

§ 狀態( state ): 用來描述元件的狀態, 會跟著事件, 時間而發生改變

§ React 父級可以單向向下傳屬性，組件內部可自行管理狀態，但沒有數據向上回溯的能力。

React 元件建立的架構

§ 使用 ES6 class

 class App extends React.Component {


   ~~(  驗證, 初始化, 生命週期, 方法 aaa() {}  )~~


   render() {


      ~~( 定義變數 )~~


     return (


       ~~( 顯示內容,JSX 語法 )~~

       <div>Hello, world!</div>



     );
   }
 }