PS：由于工作的原因，基本使用的是vue，想要自学react，就萌生了边学边做笔记的的想法，这样也算督促自己，也方便随时查看，想用的时候就直接能上手了。

一：什么是react？

二：react有什么特点

三：react的基本使用

四：react脚手架

react就是一个 构建用户界面 的 JavaScript库（仅仅是视图层渲染，非完整的MVC功能）

特点：声明式、基于组件开发、学习一次可以随处使用（web应用、VR、移动端等等...）

使用：

1. 根目录下 新建index.html
2. npm init -y 生成package.json
3. 安装2个包：npm i react react-dom （得有react才能去使用呀！）
4. 引入： react 先引入， react-dom后引入 （注意引入顺序的问题）
5. 使用

• 创建react元素 （React.createElement方式创建，React由react.development.js提供好）

• 渲染元素，把创建好的元素渲染到dom中就好了。 （ ReactDOM.render方法渲染，ReactDOM由react-dom.development.js提供好）

页面效果如下：

关于react的方法的补充说明：

1.React.createElement（‘参数一’，‘参数二’，‘参数三’）

React.createElement（）知道就好，这个方法在创建复杂元素的时候特别的繁琐，用起来非常的繁琐。但是前期可以先了解，后面会有更简单友好的方法来创建元素。

1. 参数一：元素名称就是HTML的标签名，可以为p,h1,span等等...
2. 参数二：属性如果没有就写null，有的话写成对象。
3. 参数三：后面有很多很多参数，从第三个及其以后的参数，都代表元素的子节点，元素可以有多个子节点，React.createElement（）在后面的参数中可以多次使用。

例如：

打开控制台，审核元素就会看到h1标签放在了 id=“root” 的标签下，新建的span标签又在h1标签里，同时还新增加了属性：

----仅仅是写个简单的标签，就要写好多个内容，用起来很是繁琐，不方便。

2.ReactDOM.render（‘参数一’，‘参数二’）

此方法是负责将我们创建好的元素渲染到页面中的。

1. 参数一：创建好的页面元素（现在只是简单的元素，后面会写组件，就把创建好的组件放在这个位置就好了）
2. 参数二：dom对象，用document.getElementById（）的方式拿到根节点，当做挂载点。

这些就是关于react最基本的使用了。