Bootstrap 5 練習手冊:https://github.com/hexschool/bootstrap5-starter-files
下載按鈕如下圖示,解壓縮後請務必使用 Live Server 開啟。
Learn More →
youtube新手
昨天已經了解要如何使用 props 傳遞資料,今天來練習一個常用的技巧,也就是將陣列資料使用 .map 一一傳到元件做使用。用一個簡單的範例如下:
May 9, 2025當我們想要將資料傳遞給子元件時,可以透過 props 來做傳遞。元件就像是 JavaScript 的 function,它可以接收任意的參數(即稱之為「props」),props 會回傳 React element,包含 children 以及自定義的參數。舉例來說:
May 9, 2025在開發專案時,一定會遇到有一區塊的程式碼內容都相同,這時通常會將此區塊的程式碼拆成一個元件,提高元件的重複,亦或是將一個頁面做為一個元件來切換等等。
May 9, 2025React 對於 JSX 是非常重要的,因為 JSX 在 React 中大量應用。JSX 是一種 JavaScript 的語法擴充,能夠在程式碼中同時包含 HTML 標記,使得編寫 React 元件的過程更直觀。以下是一個簡單的範例:
May 8, 2025or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up