使用 React 元件中的資料和屬性

中級
學生
開發人員
Azure 靜態 Web 應用程式

React 元件的目標是要建立可重複使用的程式碼區塊和 UI。 若要支援重複使用性,您可以使用屬性將資料傳遞至元件。 我們將了解如何將屬性新增至元件,並使用複雜的資料類型 (例如陣列)。

學習目標

在此課程模組中,您將會:

  • 在元件中使用 props。
  • 新增邏輯至 JSX 檔案。
  • 使用 map 來處理項目清單。

必要條件

了解 HTML/CSS、JavaScript、Git、npm,以及一些 React 的體驗。