基本使用 React框架自身实现了一套事件处理机制，它的基本用法和DOM事件很相似。例如，给某个react元素绑定点击事件： 事件类型采用小驼峰命名法，因此是 onClick，而不是 onclick，其他事件类型相同。 直接将函数的声明当成事件句柄传递 我们将它的这套事件处理机制称之为SyntheticEvent，即合成事件 Synthetic Event ...

在该示例中，input元素用于修改user的name属性，如果希望在页面刷新时，将name的值填充在input元素中，我们可以使用input提供的defaultValue，为其设置默认值：

在react组件中，特别要小心this的使用。比如，在Counter那个示例中，我们使用以下方式声明increment和decrement方法：

在React中，有一个重要的概念，就是组件的状态state，它用来表示整个组件的数据模型，是组件渲染时的数据依据。这里，我们首先通过一个简单的示例：计数器，来讲解state的用法。首先创建这个组件：

在前面的章节中，我们学习了如何使用jsx语法创建基本元素，实际上，在React中，还可以通过组件的方式来构建用户界面，下面我们就来看一下，如何来定义组件。

除了通过 React.createElement方法来创建元素以外，实际上，React还提供了一种更好的创建方式，这就是JSX语法。下面我们就来看一下，使用 JSX 如何创建一个元素。

在上一章节中，我们使用 create-react-app 工具搭建了一个基于 react 的开发环境，那么从这一章起，我们就正式开始 react 框架的学习。

在这个系列的视频中，我们将要开始 React 框架的学习。React 它是由 facebook 开发的， 基于 javascript 的前端框架，主要目的是用来构建用户界面，也就是我们经常所说的 UI。那么，在正式开始学习 React 之前，我们首先需要构建一个基于 React 应用的项目。React 团队为了方便我们进行项目开发，专门提供了一个用来构建...