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’))