目录:
- 什么是 Docker?
- 什么是容器?
- 为什么要使用容器?
- 本教程将教我什么?
- 先决条件
- 设置您的计算机
- Playing with Busybox
- Docker 运行
- 术语
- 静态站点
- Docker图像
- 我们的第一张图片
- Dockerfile
- A[……]
目录:
总目录
在本章中,您将作为 React 开发人员迈出第一步。当您到达终点时,您将在计算机上运行微博应用程序的第一个版本!
安装Node.js
虽然 React 是在浏览器中运行的前端框架,但一些相关的实用程序被设计为使用 Node.js 引擎在您自己的计算机上运[……]
总目录
JavaScript语言在过去几年中发生了重大变化,但由于浏览器在采用这些变化方面进展缓慢,因此很多人没有跟上该语言的步伐。React 鼓励开发人员使用现代 JavaScript,因此本章概述了该语言的最新功能。
ES5 与 ES6 的对比
JavaScript 语言规范由[……]
欢迎来到 React 超级教程!在本系列中,我将分享我使用 React 库和一些相关包开发真实世界、非平凡的前端应用程序的经验。
与大多数其他书籍和教程不同,React 超级教程将带您踏上开发之旅。它不是用孤立的例子教你 React 概念,而是向你展示如何开发一个[……]
目录
用于本文的工具包[……]
Formik是第三方 React 表单库。它提供基本的表单编程和验证。它基于受控组件,大大减少了表单编程的时间。让我们使用Formik库重新创建费用表格。
首先,按照创建 React 应用程序章节中的说明,使用 Create React App或Rollup bundler[……]
正如我们之前所了解的,不受控制的组件不支持基于 React 的表单编程。如果不使用 React api,就无法获取 React DOM 元素(表单元素)的值。获取 react 组件内容的一种方法是使用 React ref功能。
React 为它的所有 DOM 元素提供了一个 ref[……]
受控组件必须遵循特定的过程来进行表单编程。让我们检查单个输入元素要遵循的逐步过程。
创建一个表单元素。
<input type=”text” name=”username” />
为输入元素创建一个状态。
this.state = {
username:[……]
在现代应用程序中,开发人员会遇到很多情况,其中项目列表(例如待办事项、订单、发票等)必须以表格格式或图库格式呈现。React 提供了清晰、直观和简单的技术来创建基于列表的用户界面。React 使用两个现有功能来完成此功能。
[……]
让我们使用新创建的组件并增强我们的ExpenseEntryItem组件。
在您喜欢的编辑器中打开我们的费用管理器应用程序。
接下来,打开ExpenseEntryItem.js文件。
接下来,导入FormattedMoney和FormattedDate。
import Form[……]