先科普几个概念：
元素：是指React元素
JSX：JS的语法扩展，标签语法
——————————————

在React中，可以通过Babel工具将JSX转为函数调用来创建对象，这样的对象就是React元素，当然，由多个JSX组成的组件我们也称之为React元素。

好的，复习一下，那我们现在知道了什么是元素，元素是什么？
没错，JSX就是元素，元素就是JSX（以及由JSX组成的组件）。
那问题来了，要如何把我们在JS中创建的元素渲染到页面上呢？
答案很简单，React官方为我们提供了render方法，接收两个参数，我们只需要传入创建好的React元素和相应要挂载的目标DOM节点即可。具体用法可查阅官网，在此不多赘述。

累了，接下来不说废话，全是干货
前面我们学习了【什么是元素】以及【如何渲染元素】，
这堂课我们会讲解组件，组件也是元素的一种。
1.组件的定义，必须满足三个条件：首字母大写，接收入参props（只读），以及返回React元素。
2.组件的创建，两种方式：函数组件与class组件。
3.组件的渲染，就像渲染React元素一样，只需把JSX中的原生DOM名字（例如div）替换为我们创建的组件名称即可。

继续，我们要学习React中非常重要的一个东西：state。
state有什么作用？
在我们把函数组件转换成class组件后，用私有的state来代替props，并在生命周期方法中更新state，这时的组件才是一个自给自足的完整的组件。
关于更新state的实现方法有很多细节，这里只提一点：this.setState((state, props) => ({}))