React 是最流行的前端框架之一,是一个用于构建用户界面的 JavaScript 库。可以理解它只负责 MVC 中的视图层渲染,不直接提供数据模型和控制器功能。react-router 实现路由,redux 实现状态管理,可以使用它们来构建一个完整应用。
React 中文站,https://zh-hans.reactjs.org/
特点:
- 声明式,命令式
- 组件化
- 一次学习,跨平台编写(很少这样)
React 脚手架
创建项目方式:
# bule 项目名称
// 方式一
# 全局安装脚手架
npm i create-react-app -g
# 创建项目:
create-react-app bule
// 方式二 (推荐)
// npx 安装,npm5.2+支持
npx create-react-app bule
React 基本使用
使用 react
创建元素,使用 react-dom
渲染元素。
// 1、导入
// 负责创建react元素
import React from 'react';
// 负责把react元素渲染到页面
import ReactDom from 'react-dom';
// 2、创建 react 元素
// 参数1:标签名称
// 参数2:属性集合 特殊 class==>className for==>htmlFor
// 参数3:标签内容
const element = Reac