使用 API 資料構建 React JS 分頁應用 - 構建一個 React JS 應用
學習如何使用 API 資料新增 React 分頁功能、React js 摺疊功能以及構建完整的 React js 網頁應用。
更新於 2024 年 9 月
語言 - 英語
課時 -13
時長 -1.5 小時
終身訪問
課程 描述
歡迎參加本課程。React js 是 Web 開發領域的一個熱門話題。在本課程中，您將學習如何在 React js 中使用 API 資料設計和構建功能完整的分頁功能。
首先，您將學習如何獲取 API 資料並在卡片上顯示。您將學習如何將資料從一個元件傳遞到另一個元件，並在卡片上動態顯示 API 資料。
然後，您將學習如何在卡片檢視中顯示的 API 資料中新增 React 分頁。要新增分頁，我們將使用 React Paginate 包，它具有很多功能並且非常易於使用。我將向您展示如何新增此包的所有功能並設計一個美觀且完全動態的分頁。
以下是您在本課程結束時將學習的一些內容
如何在 React 應用程式中獲取 JSON API 資料。
為每個 API 專案設計一張卡片。
每個卡片的摺疊選項，以及學習如何在展開卡片後顯示更多資料。
如何在 React js 應用程式中使用 React 圖示
學習如何動態更新 React 狀態。
將資料從父元件傳遞到子元件。
如何為 React js 應用程式使用 React 分頁
分頁設計和動態更新新的 API 專案
學習如何標記活動分頁。
本課程適合誰
- 如果您正在使用 React js
- 如果您想成為一名前端開發人員
- 如果您需要在專案中新增 React 分頁
目標
如何獲取 API 資料
React 分頁
將資料從一個元件傳遞到另一個元件
React 狀態以及如何動態更改 React 狀態
如何將您的專案部署到 Netlify
分頁設計
先決條件
您無需具備任何程式設計經驗即可參加本課程
課程大綱
檢視課程內容的詳細分解
簡介
1 講座
-
簡介 03:17 03:17
安裝 React 包
1 個講座
在卡片中顯示 API 資料
1 節課
卡片摺疊功能
1 節課
用於分頁的資料切片
1 節課
React 分頁設計
1 個講座
將React專案部署到Netlify
1 節課程
講師 資訊
Yazdani Chowdhury
課程 證書
使用您的證書來改變職業生涯或在您目前的職業生涯中提升自己。
我們的學生與
最優秀的
相關影片課程
檢視更多
