使用 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
课程 证书
使用您的证书来改变职业生涯或在您目前的职业生涯中提升自己。
我们的学生与
最优秀的
相关视频课程
查看更多
