frontend
Copyright 2021, 月下麒麟
不外乎,還是要在React上做出Hello World
進入react專案資料夾後,再進入src資料夾裡面
Learn More →
其中App.js就是我們今天要改寫Hello World的檔案了
Learn More →
App.js檔案程式碼(可以將預設的註解)
import React from 'react';
class App extends React.Component{
render(){
return(
<div style = {{ textAlign: 'center'}}>
<div>Hello, World</div>
<div>This is second day for learning react.</div>
<div>The day today is {new Date().toLocaleDateString()}</div>
</div>
);
}
}
export default App;
自我理解程式碼
(跟實際的解釋或許有些出入,先直覺記錄下,之後學習再來比對更正,將來review會更幫助學習)
1, 導入React模組
3, 創建App這個類別
4, 載入或導向瀏覽器
5~10, 回傳HTML的內容
今天就學習到這邊囉~
Reference:IT邦幫忙【DAY 03】Hello, React! 我終於印出你了!
觀念補充
認識一下React的前世今身:
Reference:IT邦幫忙【DAY 02】蝦咪?ES6、Babel、JSX要先來鑑定?
Reference:React 術語表
Copyright 2021, 月下麒麟
Oct 25, 2023Board: MIMXRT1060-EVK
Sep 18, 2023Copyright 2021, YMont
Nov 22, 2022Copyright 2021, 月下麒麟 開車途經點 辦理入山證 內埔分局泰武派出所 921屏東縣泰武鄉佳平巷1號 登山故事館(大武山之門) 921屏東縣泰武鄉泰武部落至佳興部落聯絡道路 離開警察局 沿著==佳平巷==大路一直開約莫6km後,遇到往==佳興部落往舊武潭部落聯絡道路== 一個大左轉進去,進入==縣道 屏106==,走一大段後,續接==泰武道路==,就會遇到==大武山之門==啦,下車拍照紀念
Jul 27, 2022or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up