請複製 (右下角 fork)這個範例,將重複的部分(.col-lg-6)拆分為元件,並使用 props 讓呈現結果相同。
May 11, 2025昨天已經了解要如何使用 props 傳遞資料,今天來練習一個常用的技巧,也就是將陣列資料使用 .map 一一傳到元件做使用。用一個簡單的範例如下:
May 9, 2025當我們想要將資料傳遞給子元件時,可以透過 props 來做傳遞。元件就像是 JavaScript 的 function,它可以接收任意的參數(即稱之為「props」),props 會回傳 React element,包含 children 以及自定義的參數。舉例來說:
May 9, 2025在開發專案時,一定會遇到有一區塊的程式碼內容都相同,這時通常會將此區塊的程式碼拆成一個元件,提高元件的重複,亦或是將一個頁面做為一個元件來切換等等。
May 9, 2025or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up