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