react ui框架
1 and design 适用pc页面构建
1 安装and design
npm i antd --save-dev
2 在index.js 引入css样式文件
import 'antd/dist/antd.css'
3 在需要使用组件的文件中 引入对应的组件模板 然后可以直接使用组件标签
import {Button} from 'antd'
<Button></Button>
2 and design pro 适用pc页面构建 (中后台项目开发) 若依
1 使用yarn npm 安装项目
npm i create-umi 项目名
yarn crete umi 项目名
2 进入项目 并且安装依赖包
cd 项目名 && npm i
cd 项目名 && yarn
3 运行项目
npm run start
yarn start
redux
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。
存储state状态 进行统一管理
核心
action
在action中我们可以触发reducer 返回对应的数据
reducer
是执行逻辑判断 通过action发送的type类型进行判断 然后return相关的数据值
里边使用的是 典型的switch case语句
store
相当于一个仓库 里边可以存储state
getState() 获取数据