（一）全栈（react配置/https支持/useState多组件传递/表单提交/React Query/axois封装/Router）
文章目录
- 项目地址
- 一、基础配置
-
- 1.1 支持https
-
- 1. 安装所需要的包
- 2. 配置
- 1.2 常用
-
- 1. 字符串拼接
- 二、组件
-
- 2.1 useState组件传递
-
- 1. App里初始化useState
- 2. useState和方法的传递
- 3. 接收传递来的状态和方法
- 2.2 表单提交
-
- 1. 表单组件处理用户输入数据
- 2. App传来的submitForm方法
- 2.3 React Query
-
- 1. 安装和引入
- 2. 使用Query进行管理
- 3. 自定义hook
- 4. useMutation 处理 增/删/改
- 5. 传递参数查询返回结果
- 2.5 axois封装
-
- 1. 添加后端地址的配置
- 2. 创建agent
- 2.6 路由
-
- 1. 创建路由
- 2. 使用路由
- 3. 表单残留问题
- 2.7 自定义组件
-
- 1. 自定义组件和原生组件
- 2. 自定义组件
项目地址
- 教程作者：
- 教程地址：
https://www.udemy.com/course/complete-guide-to-building-an-app-with-net-core-and-react/learn/lecture/48500157#overview
- 代码仓库地址：
- 所用到的框架和插件：
dbt
airflow
一、基础配置
1.1 支持https
1. 安装所需要的包
npm install -D vite-plugin-mkcert
2. 配置
1.2 常用
1. 字符串拼接
二、组件
2.1 useState组件传递
定义useState的地方，必须和更改State的方法定义在一个地方
1. App里初始化useState
- 在App里初始化了useState的状态以及各种方法
2. useState和方法的传递
- 将useState的状态和方法传递给其他组件，哪里定义useState，就在哪里传递方法给
