react框架入门

一、React简介

用于构建用户界面的 JavaScript 库，就是将数据渲染为HTML视图 的js库。

二、特点

• 组件思维
• 单向数据流
• 虚拟DOM节点

三、安装并创建 react 项目

1.安装命令

npm i create-react-app -g

2.创建项目

create-react-app 项目名

3.启动项目

1.先切换到要运行的项目
2.执行 npm start 命令

运行成功页面：

二、react 基础语法

1.hello world 案例

创建一个App组件，返回一个DOM节点

function App(){
   
	//返回一个Dom节点
	return (
	<div>
	<h1>你好react</h1>
	</div>
	)
}

2.文本渲染、html渲染、条件渲染、列表渲染

const str = '你好';
const msg = '你好呀';
const score = 80;
const flag = true;
const list =["vue","react","angular"