react创建新项目

1.react的特点

声明式：就跟写HTML一样
基于组件
学习一次，随处可用：可以开发web,可以开发移动端原生应用react-native，可以开发VR（虚拟现实）应用（react 360）

2.React的基本使用

2.1 React的安装

安装命令：npm i react react-dom
react包是核心，提供创建元素，组件等功能
react-dom包提供DOM相关功能等

2.2 方法说明

React.createElement()说明（知道）
返回值：React元素
第一个参数：要创建的React元素名称
第二个参数：该React元素的属性
第三个及以后的参数：该React元素的子节点
const el = React.createElement(‘h1’, {title: ‘标题’}，‘hello React’)
const el = React.createElement(‘p’, null, ‘hello React’)

const el = React.createElement(‘p’, null,
‘hello React’，
React.createElement(‘span’,null, ‘我是span标签’)
)

渲染react元素
参数一：要渲染的react元素
参数二：挂载点
** ReactDOM.render(title, document.getElementById(‘root’)) **

3.React脚手架的使用

3.1 使用React脚手架初始化项目

1.初始化项目，命令：
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

3.2 在脚手架中使用React

1.导入react和react-dom两个包
import React from ‘react’;
import ReactDOM from ‘react-dom’;
2.调用React.createElement()方法创建react元素
const title = React.createElement(‘h1’,null,‘hello React !!!’)
3.渲染
ReactDOM.render(title, document.getElementById(‘root’))