React 是一个前端框架。使用 React 创建应用，您可以先考虑一下，去把应用分解成一些小的部分，每个小部分都给它定义成一个组件，设计好这些组件怎么显示，包括界面的样式还有界面里要显示的数据。使用 JSX 格式，创建 React 组件就跟您平时用 HTML 创建显示的界面差不多。然后您把这些组件组合到一块儿去用。
比如要用 React 创建一个评论功能，分解一下，像这样：最外面有一个 CommentBox（评论包装） 去包装整个评论，包括评论的列表，还有提交评论用的表单。它的里面可以有一个 CommentList（评论列表） 组件，功能就是去显示评论的列表，还有一个 CommentForm 组件，它可以去提交评论内容。在评论列表这个组件里面可以再去包装一些评论内容，这又是一个组件，比如可以叫做 Comment（评论） 。
在评论组件里面，有一些要显示的内容，这些内容就是向服务端请求回来的结果，最简单的向服务端发送请求的方法就是 Ajax 。这些在评论组件上要显示的数据是来自它的父组件，这里就是评论列表组件。在评论列表组件里会收到它的父组件，也就是评论包装组件从服务端请求回来的数据，然后在评论列表里循环的去处理一下，把这些数据交给评论组件使用。我们在评论包装组件里面，可以使用 Ajax 的方式向服务端发出请求，然后把得到的数据传递给评论列表。
组件跟组件之间可以传递数据，这里我们管这些数据叫做属性（props），不同的属性表示不同的数据，属性也可以想成是在组件之间传递的带名字的数据。
在组件的内部还有一种可以使用的数据，叫做状态（state）。比如您在组件里添加一个表示数据是否加载的一个状态，名字可以是 loaded ，然后在显示正式的内容之前可以先去判断一下这个状态的值，如果是 true 的话 ，才去显示内容，如果是 false ，就先在界面上显示一个动态的正在加载的小图标。在组件从服务端那里得到数据以后，您可以把组件的 loaded 状态设置成 true ，设置状态这个动作可以让组件重新显示。React 有一套非常有效的方法，重新显示组件也只会重新显示那些数据有变化的地方。
授课教师
