1.react的基本使用
安装命令（两个包）
：npm i react react-dom
react 是核心，提供创建元素组件的功能
react-dom包提供dom相关功能等
第一步在页面中引入react和react-dom
第二部创建react元素
法一（不常用）
const react元素 title = react.createElement('元素名称' 'h1'，元素属性null/ {id：'p1'}，'元素的子节点' 'Hello React')
法二（常用）
ReactDOM.render（）
第三步渲染 react元素到页面中
ReactDOM.render(要渲染的react元素 title,'挂载点' document.getElementById('root'))
2.react脚手架的使用
初始化项目，命令：npx create-react-app 项目名字 my-app
项目启动，命令：npm start
3.react脚手架中使用react
在index.js里面创建
导入react和react-dom两个包
import React from 'react'
import ReactDOM from 'react-dom'
创建react元素
const title = React.createElement('h1',null,'Hello React !!!')
渲染react元素
ReactDOM.render(title,document.getElementById('root'))
4.jsx
javaScript XML的简写，表示在JavaScript代码中写xml格式的代码
5.jsx的基本使用
const title = React.createElement('h1',null,'Hello React !!!')
就等于
const title = <h1>Hello React!!!</h1>
6.jsx的注意事项
react元素的属性名使用驼峰命名法
特殊属性名：class->className, for ->htmlFor, tabindex->tabIndex
可以使用小括号来包裹jsx
如果没有子节点的话那就可以直接使用一个/>来结束 也就是一个单标签
如果要在jsx中嵌入js表达式，可以插入一个单花括号来插入
7.jsx的条件渲染
可以先创建一个函数 函数内是js的条件语句，然后再在jsx里面去嵌入这个方法就可以了
8.jsx的列表渲染
先用一个花括号去把整体给包起来（这样里面就可以写原生js了），然后再去循环，再去用一个箭头函数去写循环出来的内容，循环的时候要有key值，key值谁去便利谁加
9.jsx的样式处理
通过类名去添加样式。给一个className然后在css文件里面写样式，最后再把这个css文件给引进来就好了
10.react组件
函数组件:使用js的函数（箭头函数）创建的组件
函数组件的两个约定
1：函数名称必须以大写字母开头
2：函数组件必须有返回值，表示该组件的结构
如果返回值为null,就不渲染任何内容
11.使用函数组件
渲染函数组件：用函数名作为组件标签名放在渲染函数那一步骤的第一个参数里面（就是写一个标签），可以是单标签也可以是双标签（直接单标签就行了）
12.类组件
使用es6的class创建的组件
类组件的四个约定
1：类名称必须以大写字母开头
2：类组件应该继承React.Component父类，从而可以使用父类中提供的方法或属性
3：类组件必须提供render()方法
4：render()方法必须有返回值，表示该组件的结构
13.react组件的创建
组件多了的话就放到自己单独的js文件里
1.创建Hello.js
2.在Hello.js中导入React
3.创建组件（函数 或 类）
4.在Hello.js中导出该组件
5.在index.js中导入Hello组件
6.渲染组件