总目录
您在第 2 章中安装的React Router包为 SPA 实现了一个完整的页面导航系统。在本章中，您将学习如何创建客户端路由并在它们之间导航。
创建页面组件
在严格的浏览器意义上，页面的概念并不真正适用于 SPA，因为 SPA 只有一个页面。在 SPA 中，页面只是顶级应[……]
标签： React
如何在 React JS 中创建模态弹出窗口（免费代码）
在本教程中，我们将学习如何使用 React js 创建一个模态弹出窗口。之前我们学习了如何使用 JavaScript 创建一个弹出窗口。
React 是一个免费的开源前端 JavaScript 库。要创建这个react js 模态弹出示例，您需要对 react 有一些了解。React js 用[……]
React 超级教程，第 3 章：使用组件
总目录
在第 2 章中，你编写了第一个 React 组件。在本章中，您将更深入地研究 React，学习如何通过组合和重用组件（不仅是您自己的组件，还包括从第三方库导入的组件）来创建健壮的应用程序。
用户界面组件
为浏览器创建出色的用户界面并非易事。使用 CSS 为 HTM[……]
React超级教程，第2章：Hello React
总目录
在本章中，您将作为 React 开发人员迈出第一步。当您到达终点时，您将在计算机上运行微博应用程序的第一个版本！
安装Node.js
虽然 React 是在浏览器中运行的前端框架，但一些相关的实用程序被设计为使用 Node.js 引擎在您自己的计算机上运[……]
超级React教程，第 1 章：现代 JavaScript
总目录
JavaScript语言在过去几年中发生了重大变化，但由于浏览器在采用这些变化方面进展缓慢，因此很多人没有跟上该语言的步伐。React 鼓励开发人员使用现代 JavaScript，因此本章概述了该语言的最新功能。
ES5 与 ES6 的对比
JavaScript 语言规范由[……]
React 超级教程 介绍
欢迎来到 React 超级教程！在本系列中，我将分享我使用 React 库和一些相关包开发真实世界、非平凡的前端应用程序的经验。
与大多数其他书籍和教程不同，React 超级教程将带您踏上开发之旅。它不是用孤立的例子教你 React 概念，而是向你展示如何开发一个[……]
ReactJS – Formik
Formik是第三方 React 表单库。它提供基本的表单编程和验证。它基于受控组件，大大减少了表单编程的时间。让我们使用Formik库重新创建费用表格。
首先，按照创建 React 应用程序章节中的说明，使用 Create React App或Rollup bundler[……]
ReactJS – 不受控制的组件
正如我们之前所了解的，不受控制的组件不支持基于 React 的表单编程。如果不使用 React api，就无法获取 React DOM 元素（表单元素）的值。获取 react 组件内容的一种方法是使用 React ref功能。
React 为它的所有 DOM 元素提供了一个 ref[……]
ReactJS – 受控组件
受控组件必须遵循特定的过程来进行表单编程。让我们检查单个输入元素要遵循的逐步过程。
创建一个表单元素。
<input type=”text” name=”username” />
为输入元素创建一个状态。
this.state = {
username:[……]
ReactJS – 组件集合
在现代应用程序中，开发人员会遇到很多情况，其中项目列表（例如待办事项、订单、发票等）必须以表格格式或图库格式呈现。React 提供了清晰、直观和简单的技术来创建基于列表的用户界面。React 使用两个现有功能来完成此功能。
- JavaScript 的内置map方法。
- 在 jsx 中反应表达式。
[……]