|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-js-pagination-with-api-data-build-a-react-js-app/
课程评论：没有评论
**课程名称：React JS 分页与 API 数据 - 构建 React JS 应用** **课程概述：** 本课程将教授如何使用 React JS 和 API 数据设计并构建功能齐全的分页。您将学习如何获取 API 数据并在卡片中展示，如何在组件之间传递数据以及动态地在卡片中显示 API 数据。随后，课程将重点讲解如何为卡片视图中的 API 数据添加 React 分页功能。我们将使用易于使用的 `react-paginate` 包，并深入探讨其各项功能，以实现设计精美、功能完整的动态分页。 **课程学习要点：** * 如何在 React 应用中获取 JSON API 数据。 * 为每个 API 数据项设计卡片。 * 为卡片添加折叠/展开功能，以显示更多数据。 * 如何在 React JS 应用中使用 React 图标。 * 如何动态更新 React 状态。 * 如何在父组件和子组件之间传递数据。 * 如何在 React JS 应用中使用 React 分页。 * 分页的设计和动态更新新的 API 数据。 * 如何标记当前激活的分页。
Welcome to this course. React js is a hot topic in the web development field. In this class, you are going to learn how to design and build fully functional pagination in react js with API Data.First of all, you are going to learn how to get API data and show it on a card. You will learn how to pass data from one component to another component and dynamically show API data on a card. After that, you will learn how to add react pagination in the API data that we are showing in a card view. To add pagination we will use react paginate package and it has so many features and is very easy to use. I will show you how to add all the features of this package and design a nice looking fully dynamic pagination. Here are some lists that you are going to learn by the end of this course:How to get JSON API data in react app.Design a card for each API Item.Collapse option for each card and learn how to show more data after expanding a card.How to use react icons in react js appLearn How to update react state dynamically.Pass data from parent component to child components.How to use react pagination for react js appPagination design and dynamically update new API itemLearn How to mark the active pagination.
