快速添加 Redux 接口 API 请求到 APP
定义数据请求方法 &#; createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";// API 接口数
...
快速添加 Redux 到 Ts APP
整个 redux 采用功能进行划分数据数据流, 所以创建目录一般在 src/features/功能名称 下, 然后将 reducer 导出到 store 中进行管理.
安装依赖在新项目中安装依赖
1npx create-react-app my-app --template redux-typesc
...
快速添加 Redux 到 APP
整个 redux 采用功能进行划分数据数据流, 所以创建目录一般在 src/features/功能名称 下, 然后将 reducer 导出到 store 中进行管理.
安装依赖在新项目中安装依赖
1npx create-react-app my-app --template redux
已有项目安
...
快速创建 React Ts APP
初始化结构, 安装依赖使用脚本创建框架
1npx create-react-app quant-tools --template typescript
在已有程序中添加 ts 支持
1yarn add -D typescript @types/node @types/react @types/re
...
快速创建 React APP
初始化结构, 安装依赖使用脚本创建框架
1npx create-react-app quant-tools
安装 Mui 依赖
1yarn add @mui/icons-material @mui/material @mui/styles
安装其他依赖
# emotionyarn a
...
React 前端开发 (4) - 使用 React 环境变量
默认情况在 React 中可以使用 NODE_ENV 变量, 以及 REACT_APP_ 开头的变量
WARNING: 不要在 React App 中存储任何密钥!
代码中获取变量值定义的环境变量在代码中使用 process.env.XXX 获取对应的值.
NODE_ENV 的值与使用场景在运行
...
React 前端开发(三) - 构建虚拟数据服务 FakeAPI
JSON Server1npm i -g json-server
启动模拟服务
配置模拟数据文件 mock/data.json
&#; "data": [ &#; "title": "湘潭夜跑", "author": "张三",
...
React 前端开发 (2) - 列表,事件
列表 & Key() &#; return ( <ul> &#;this.state.todoList.map((item, id) => &#; return <Todo name=&#
...
React 前端开发 (1) - 基础概念
JSX (就是 HTML 和 JS 变量混编)
HTML 本身可以指定给 js 变量
使用 {} 可以引用 js 变量
JSX 可以嵌套
HTML 标签属性需要转化为驼峰形式, class 为 js 保留字所以转化为 className
...
Mui 03 常见组件
Button
Button / IconButton / LoadingButton
Button Group
Tabs
基础属性: color(颜色), disabled(不可点击), href(跳转到链接/锚点), disableElevation(消除实心按钮立体效果)
variant:
...