状态提升其实很简单，就是同一个数据，有很多组件要使用，所以就把这个数据放到这些组件共同的父组件中进行管理，然后再将父组件中管理的数据通过props传递给子组件

props是外部传入的，组件内部也可以进行一些初始化的设置，属性不能在组件内部进行修改，但是可以通过父组件主动重新渲染的方式来传入新的props。通过props进行传值：

但是这样用JavaScript写起来太长了，而且结构也不清晰，使用HTML的方式就很方便。于是React.js就把JavaScript的语法扩展了一下，允许在JavaScript代码中编写类似HTML标签结构的语法，这样就方便多了，编译的过程会把类似HTML的JSX结构转换为JavaScript的对象结构。

这里我们定义的方法实际上就是react定义组件的第一种方式：定义函数式组件，这也是无状态组件。但是这种写法不符合react的jsx（下一篇解释jsx）的风格，更好的方式是使用一下的方式进行改造

react开发需要引入多个依赖文件：React和ReactDOM.ReactDOM.render是 React 的最基本方法用于将模板转为 HTML 语言，并插入指定的 DOM 节点。该方法接收两个参数：

create-react-app全局安装create-react-app {代码...} 使用create-react-app创建一个项目 {代码...} 如果不想全局安装，可以直接使用npx {代码...} 这需要等待一段时间，这个过程实际上会安装三个东西react: react的顶级库react-dom: 因为react有很多的运行环境，比如app端的react-native, 我们要在web上运行就使用react...