react 簡單在頁面中輸出一段文字

之前用腳手架創建了一個react項目，將react自帶的src文件夾刪除后創建一個空的src文件夾

 

在src文件夾中創建一個index.jsx文件作為JS入口文件並創建一個hello組件

現在我們進入到hello.jsx

import React from 'react';
//聲明組件
class Hello extends React.Component{
  //寫虛擬DOM元素，要卸載render函數里面
  render(){
    return(
      // 如果要寫多個標簽一定要記得要寫在一個根元素里面
      <div>
        <h1>我是Hello組件中的h1標簽</h1>
        <p>我是Hello組件中的p標簽</p>
      </div>
    );
  }
}
//最后一定要記得向外輸出這個組件
export default Hello;

最后我們在終端中輸入npm start 就好了