作用：

构建用户界面 即HTML页面

特点：

1：声明式 ： 只需描述UI 即书写HTML
2：基于组件：组件指页面的一部分
3：学习一次随处使用 ：不只限于开发web应用 也可以去开发其他类型的应用

使用 ：

脚手架创建react项目：

  1. // 创建项目
  2. npx create-react-app 项目名  // npm5.2中的命令 无需安装脚手架包即可使用脚手架创建项目
  3. // 进入项目根目录
  4. cd 项目名
  5. // 启动项目 
  6. npm start

引入：

在src/index.js 中 导入 react 和 react-dom两个包

  1. import React  from 'react'
  2. import ReactDOM from 'react-dom'

创建元素：

使用 React.createElement()创建元素 (了解)

  1. const abc = React.createElement('h1',null,'Hello word')
  3. // 参数解析
  4. // 参数1: 元素名(HTML元素)
  5. // 参数2: 元素的属性,对象形式{class:'red'} ,没有属性为null
  6. // 参数3以及后续参数: 当前元素的子节点 可以是文本节点 也可以是标签节点

渲染元素到页面:

使用ReactDOM.render()渲染元素

  1. ReactDOM.render(abc,getElementById('root'))
  3. // 参数解析
  4. // 参数1: 要渲染的元素
  5. // 参数2: 元素的挂载点

注意 : ReactDOM只针对于DOM , 如果是其他开发需要 react配合其他进行开发