如何在 ReactJS 中使用 JSON 服务器获取 API 调用
介绍 在本文中，我们将学习如何在 React 应用程序中使用 JSON 服务器获取 API 调用。 现在我们将开始创建一个新项目。 第1步 使用以下命令创建 React 项目设置，或者创建 React 应用程序。 npx create-react-app projectname 例子， npx create-react-app sample-fetch 第 2 步 – 安装...
推荐
React js教程（19）：ReactJS 中的 Toastr 通知
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在本文中，我们将创建一个演示，演示如何在 ReactJS 应用程序中显示 Toastr 通知。Toastr 是一个用于创建通知弹出窗口的库。 创建React项目 创建一个 ReactJS 项目。要创建新项目，请打开命令提示符并添加以下命令。 npx create-reatc-app reacttoastr 添加 R...
推荐
React js教程（18）：React 中的高阶组件
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 Portals 和 Error Boundary 以及它们在 ReactJS 中的用法。在本文中，我们将了解高阶组件 (HOC) 及其在 React 中的用法。 什么是 HOC？ HOC 不是 React 或任何其他编程语言的功能。它只是一个涉及 React 组合性质的概念。高阶组件也不...
推荐
React js教程（17）：React 中 Memo 和 Ref 的概念及其使用方法
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们回顾了 React 中的 Fragment 和 Pure Components 及其用法。在本文中，我们将学习 React 中 Memo 和 Ref 的概念及其使用方法。 备忘录 名为 Memo 的概念是一个基于函数的组件，不同于 Pure Component 是一个基于类的组件。React.m...
推荐
React js教程（16）：React Hook 简介
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在之前的系列中，我们学习了 ReactJS 的基础知识，其中我们了解了 Props 和 State、Functional 和 Class Component、Portal 和 Boundaries、Fragment 和 Pure Components 的概念。 在本系列中，我们将领先一步。我们将了解 Hooks 的...
推荐
React js教程（15）：HTTP 和React
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中 Render Props 和 Context 的概念。在本文中，我们将深入探讨 React 的一些高级概念，例如 HTTP 以及使用 GET 和 POST 方法进行数据检索。 HTTP 和 React 的基础知识 到目前为止，我们已经了解了 React 的基础知识以及如何...
推荐
React js教程（14）：在 ReactJS 中渲染属性（Render Props）和上下文（Content）
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中的高阶组件及其用法。在本文中，我们将介绍 Render Props 和 React 中 Context 的概念。 Render Props React 中的 Render Props 是为组件的 props 分配一个函数并在组件的 render 方法中调用的东西。调用该函数...
推荐
React js教程：React 中的门户和错误边界（13）
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中的 Memo 和 Refs。我们还学习了在 React 中转发 Ref。在本文中，我们将了解 React Portal 和 Error Boundary 以及如何在 React 中使用它们。 门户（Portal） React Portal 是一种将元素绑定到其组件层次结构之...
推荐
React js教程：React 中的片段和纯组件（12）
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 生命周期的组件以及它是如何在 React 中使用的。在本文中，我们将了解 Fragment 和 Pure Component 及其在 React 中的重要性。 Fragments 在 React 中，当在 render() 方法中返回任何元素时，必须将多个元素包装在主容器中。...
推荐
React js教程：React 中的组件生命周期（11）
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 表单以及 React 中的受控和非受控组件。在本文中，我们将了解组件生命周期及其阶段以及它在 React 中的工作原理。 组件生命周期 每个 React 组件都有自己的生命周期。组件的生命周期由在组件存在的不同阶段执行的方法序列定义。 React 有 4 个阶段的组件： 安装...
推荐
React js教程：React 中的表单（10）
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们学习了如何在 React.js 中应用样式和 CSS，以及如何自定义样式化组件。在本文中，我们将了解 Form 元素的基础知识以及 React 中受控组件的使用。这也将包括组件的生命周期。 表单基础 React 中的表单与 HTML 中的工作方式相同。它们为我们提供了用户与应用程序交互的基本媒介...
推荐
React js教程：React 中的样式和 CSS（9）
本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中的条件渲染和列表渲染，并了解了有多少种方式可以使用条件渲染。我们在列表渲染中使用了 Array.Map()。现在，在本文中，我们将了解 React 中的样式和 CSS 基础知识，以及样式化组件如何在 React 中工作。 React 中的样式 在 React 中有 4 种样...