React.js教程

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在本文中，我们将创建一个演示，演示如何在 ReactJS 应用程序中显示 Toastr 通知。Toastr 是一个用于创建通知弹出窗口的库。 创建React项目 创建一个 ReactJS 项目。要创建新项目，请打开命令提示符并添加以下命令。 npx create-reatc-app reacttoastr 添加 R...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 Portals 和 Error Boundary 以及它们在 ReactJS 中的用法。在本文中，我们将了解高阶组件 (HOC) 及其在 React 中的用法。 什么是 HOC？ HOC 不是 React 或任何其他编程语言的功能。它只是一个涉及 React 组合性质的概念。高阶组件也不...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们回顾了 React 中的 Fragment 和 Pure Components 及其用法。在本文中，我们将学习 React 中 Memo 和 Ref 的概念及其使用方法。 备忘录 名为 Memo 的概念是一个基于函数的组件，不同于 Pure Component 是一个基于类的组件。React.m...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在之前的系列中，我们学习了 ReactJS 的基础知识，其中我们了解了 Props 和 State、Functional 和 Class Component、Portal 和 Boundaries、Fragment 和 Pure Components 的概念。 在本系列中，我们将领先一步。我们将了解 Hooks 的...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中 Render Props 和 Context 的概念。在本文中，我们将深入探讨 React 的一些高级概念，例如 HTTP 以及使用 GET 和 POST 方法进行数据检索。 HTTP 和 React 的基础知识 到目前为止，我们已经了解了 React 的基础知识以及如何...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中的高阶组件及其用法。在本文中，我们将介绍 Render Props 和 React 中 Context 的概念。 Render Props React 中的 Render Props 是为组件的 props 分配一个函数并在组件的 render 方法中调用的东西。调用该函数...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中的 Memo 和 Refs。我们还学习了在 React 中转发 Ref。在本文中，我们将了解 React Portal 和 Error Boundary 以及如何在 React 中使用它们。 门户（Portal） React Portal 是一种将元素绑定到其组件层次结构之...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 生命周期的组件以及它是如何在 React 中使用的。在本文中，我们将了解 Fragment 和 Pure Component 及其在 React 中的重要性。 Fragments 在 React 中，当在 render() 方法中返回任何元素时，必须将多个元素包装在主容器中。...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 表单以及 React 中的受控和非受控组件。在本文中，我们将了解组件生命周期及其阶段以及它在 React 中的工作原理。 组件生命周期 每个 React 组件都有自己的生命周期。组件的生命周期由在组件存在的不同阶段执行的方法序列定义。 React 有 4 个阶段的组件： 安装...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们学习了如何在 React.js 中应用样式和 CSS，以及如何自定义样式化组件。在本文中，我们将了解 Form 元素的基础知识以及 React 中受控组件的使用。这也将包括组件的生命周期。 表单基础 React 中的表单与 HTML 中的工作方式相同。它们为我们提供了用户与应用程序交互的基本媒介...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们了解了 React 中的条件渲染和列表渲染，并了解了有多少种方式可以使用条件渲染。我们在列表渲染中使用了 Array.Map()。现在，在本文中，我们将了解 React 中的样式和 CSS 基础知识，以及样式化组件如何在 React 中工作。 React 中的样式 在 React 中有 4 种样...

本文是React 教程系列的一部分。您可以在此处找到本系列之前所有帖子的链接 介绍 在上一篇文章中，我们回顾了在 React 中绑定事件处理程序以及在 React 中使用方法作为属性。在本文中，我们将了解条件渲染以及如何在 React 中定义条件。此外，我们将看到如何在 React 中呈现列表。 条件渲染 我们可以通过 5 种方式定义条件渲染。 If/Else 元素变量 三元运算符 短路运算符 立...