類組件和函數組件

import React,{Component} from "react"; 

// export default class App extends Component{  

//     constructor(){

//       super();

//       this.state = {

//         message:'你好啊'

//       }

//     }

//     render(){

//       return (

//         <div>

//           App組件---  {this.state.message}

//         </div>

//       );

//     }  

// }

 

/**

 *  函數組件 

 *  1 沒有 this 對象

 *  2 沒有內部的狀態

*/

export default function App(){

  return (

    <div>function 組件</div>

  )

}