安装 React 可以在各种各样的项目中灵活使用。你既可以使用它创建新的应用，也可以在现有的代码库中逐步引入它，而不需要重写整个项目。 尝试 R...

Hello World 最容易开始使用 React 方式是用CodePen。你不需要安装任何东西；你只需要在新页面打开它并依照我们当时经历的例子...

介绍 JSX 考虑下面的变量声明： 这是个有趣的标签语法，它既不是一个字符串，也不是 HTML。 它叫 JSX，是对 JavaScript 的语...

渲染元素 元素是 React 应用中最小的构建单元。 一个元素描述你想在屏幕上看到的东西。 不同于 DOM 元素，React 元素是普通的对象，...

State 和生命周期 考虑前面章节中时钟的例子。 到目前位置，我们仅学习了一种更新 UI 的方式。 我们调用ReactDOM.render()...

事件处理 React 元素的事件处理和 DOM 元素的事件处理非常相似。但也有一些语法差异： React 事件使用驼峰命名，而不是小写字母。 使...

条件渲染 在 React 中，你可以创建一个囊括所有你需要行为的特定的组件。然后，你可以根据你的应用的 state 只渲染它们中的一部分。 Re...

列表和键 首先，让我们先回顾一下在 JavaScript 中如何改变列表。 在下面给出的代码中，我们对numbers数组调用map()函数使它们...

表单 在 React 中，HTML 表单元素和其它的 DOM 元素有一点不同，因为表单元素天生的保持一些内部状态。例如，这个普通的 HTML 表...

组件和 Props 组件让你将 UI 拆分成独立的，可复用的部件，并且把每个部件都隔离出来单独考虑。 从概念上讲，组件就像 JavaScript...