鐵人檔案
前言 因為是第一次挑戰鐵人賽，參賽組別是自我挑戰組，所以不想給自己太大壓力，期許只要能完成30天不斷發文記錄學習React的一些入門知識，文章或許不夠流暢或是簡...
VS Code Extension外掛套件 在建立React應用程式之前，建議可先安裝VS Code Extension外掛套件，用 VS Code 編寫 Re...
1.建立一個新的React 專案 npx create-react-app first-app cd first-app npm start 開啟命令提示...
React是由component所組成，Component可以將 UI 拆分成獨立且可重複使用的程式碼，在 React 元件模組化的概念下，建構 web 頁面...
在 React 中使用的語法 JSX有一些使用規則： 當我們將網頁切割成數個Component時，定義的 Component 必須由以大寫字母開頭來命名 C...
Export Modules 匯出程式模組 在React中可以透過 Export 語法來匯出程式模組，讓其他的檔案可以讀取此模組。例如:在App.js檔中定義變...
在React中加入CSS樣式分爲3種方式： 1.External css (外部樣式) 外部樣式是使用import匯入外部css檔案即可。 import './...
component組件之間相互發送數據，傳遞數據的方式是使用 props。Props代表屬性，用於將數據從一個組件傳遞到另一個組件。 今天透過實作，新增一個Ca...
繼續上一回的React Props-組件屬性，今天用Array.map()方法傳遞數據，將進一步簡化 Cards 組件的傳遞數據，提高 React 應用程序性能...
今天實作一個很簡單的計數器，按下按鈕後數字會一直累加1 要先將useState 匯入 import React, {useState} from 'react...
