函數式組件的使用過程

    //組件的定義方式一，利用函數定義組件
    //首字母不大寫就是無意義的標簽
    function MyApp(props){
      return (<div>
            <h1>組件標題</h1>
            <p>組件段落</p>
          </div>
        )
    }

    ReactDOM.render((<div>
      <MyApp title="app標題" content='app的段落內容'></MyApp>
      <hr/>
      
      <MyApp title="app標題" content='app的段落內容'></MyApp>
      </div>)
      ,document.getElementById('root'))
      //函數式組件的使用過程，
      //1）調用ReactDOM.render函數，
      //   React會將render函數中的第一個參數使用到的組件中的屬性轉換為json對象
      //2）調用定義組件的函數，如MyApp,並將上面所生成的json對象傳給函數的參數
      //3）調用之后得到函數的返回值，ReactDOM會將返回值生成虛擬DOM渲染到頁面上

//函數式組件的使用過程，
      //1）調用ReactDOM.render函數，
      //   React會將render函數中的第一個參數使用到的組件中的屬性轉換為json對象
      //2）調用定義組件的函數，如MyApp,並將上面所生成的json對象傳給函數的參數
      //3）調用之后得到函數的返回值，ReactDOM會將返回值生成虛擬DOM渲染到頁面上