文章目录

  • 项目地址
  • 一、基础配置
    • 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，就在哪里传递方法给
  • 在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.pswp.cn/pingmian/91773.shtml
繁体地址，请注明出处：http://hk.pswp.cn/pingmian/91773.shtml
英文地址，请注明出处：http://en.pswp.cn/pingmian/91773.shtml

如若内容造成侵权/违法违规/事实不符，请联系英文站点网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【abc417】E - A Path in A Dictionary

【abc417】E - A Path in A Dictionary

Problem StatementYou are given a simple connected undirected graph G with N vertices and M edges. The vertices of G are numbered vertex 1, vertex 2, …, vertex N, and the i-th (1≤i≤M) edge connects vertices Ui​ and Vi​.Find the lexicographically smalle…
阅读更多...
linux火焰图

linux火焰图

火焰图简介火焰图是一种性能分析的可视化工具，它将CPU的调用栈（Call Stack）信息以矩形火焰的形式展现出来。Y轴：代表调用栈的深度（函数A调用了函数B，B就叠在A上面）。X轴：代表CPU的抽…
阅读更多...
解剖 .NET 经典：从 Component 到 BackgroundWorker

解剖 .NET 经典：从 Component 到 BackgroundWorker

1️⃣ 背景与定位在 .NET Framework 2.0 时代，微软引入了 BackgroundWorker 来解决 WinForm/WPF 场景下“耗时操作阻塞 UI 线程”的问题；而 Component 早在 1.0 就已存在，是所有可视化/非可视化设计器的“基类”。理解这两者的源码与机制&…
阅读更多...
桌面端界面设计 |货物 TMS 系统 - SaaS UI UX 设计：审美积累之境

桌面端界面设计 |货物 TMS 系统 - SaaS UI UX 设计：审美积累之境

在物流数字化的浪潮中，货物 TMS 系统的 SaaS 化与 UI/UX 设计正构建着独特的审美坐标系。这不仅是技术与功能的融合，更是一场关于效率美学的深度探索，为行业审美积累注入了鲜活的实践样本。SaaS 模式赋予货物 TMS 系统轻盈而强大的特质&#…
阅读更多...
多架构镜像整合全攻略：在Docker中实现单一镜像支持同时支持amd64和arm64架构

多架构镜像整合全攻略：在Docker中实现单一镜像支持同时支持amd64和arm64架构

多架构支持的挑战 ：随着异构计算（如 ARM、x86、RISC-V 等）的普及，开发者需要为不同硬件平台提供对应的镜像，传统方式需维护多个版本（如 image:v1-amd64 和 image:v1-arm64 ），导致版本…
阅读更多...
Linux730 tr:-d /-s；sort:-r,-n,-R,-o,-t,-k,-u；bash；cut:-d,-c；tee -a；uniq -c -i

Linux730 tr:-d /-s；sort:-r,-n,-R,-o,-t,-k,-u；bash；cut:-d,-c；tee -a；uniq -c -i

回顾 sort sort [选项] 文件-u：唯一，去除重复 -r:按数字大小，倒序排序，大到小 -o:输出文件 -n:按数字大小，顺序排序，小到大 -t: -t后加分割符，按分割符为标准，进行筛选 -k:k后加数字…
阅读更多...
力扣457:环形数组是否存在循环

力扣457:环形数组是否存在循环

力扣457:环形数组是否存在循环题目思路代码题目 存在一个不含 0 的 环形 数组 nums ，每个 nums[i] 都表示位于下标 i 的角色应该向前或向后移动的下标个数： 如果 nums[i] 是正数，向前（下标递增方向）移动 |nums[i]| 步…
阅读更多...
在 Elasticsearch 中落地 Learning to Rank（LTR）

在 Elasticsearch 中落地 Learning to Rank（LTR）

1 为什么要引入 LTR？ 常规检索（BM25、语义检索、Hybrid、RRF …）往往只能基于少量信号（关键词命中、向量相似度）排序。 Learning-to-Rank 通过机器学习模型把多维度特征（文档属性、查询属性、查询-文档相关…
阅读更多...
Socket编程——TCP协议

Socket编程——TCP协议

文章目录一、TCP传输二、相关接口三、多进程版本四、多线程版本一、TCP传输 TCP和UDP类似，但是在传输中TCP有输入，输出缓冲区，看下面的传输图片 可以理解为TCP之间的数据传输都是依赖各自的socket，socket就充当传输的中介吧。 而…
阅读更多...
GitHub使用小记——本地推送、外部拉取和分支重命名

GitHub使用小记——本地推送、外部拉取和分支重命名

GitHub 项目推送与拉取等操作使用随记 本小记适用于个人项目或组织项目，涵盖 GitHub 推送、拉取、分支管理、.gitignore 设置等常见需求。 1. 将已有本地工程推送至 GitHub 新仓库 1.1 前提条件 本地项目结构完整，已准备好；本地已安装 Git…
阅读更多...
RabbitMQ 延时队列插件安装与使用详解（基于 Delayed Message Plugin）

RabbitMQ 延时队列插件安装与使用详解（基于 Delayed Message Plugin）

RabbitMQ 延时队列插件安装与使用详解（基于 Delayed Message Plugin）📌 一、什么是 RabbitMQ 延时队列？🚀 二、安装前准备✅ RabbitMQ 环境要求🔧 三、安装延时队列插件🧩 插件名称：…
阅读更多...
Vue项目使用ssh2-sftp-client实现打包自动上传到服务器（完整教程）

Vue项目使用ssh2-sftp-client实现打包自动上传到服务器（完整教程）

告别手动拖拽上传！本教程将手把手教你如何通过ssh2-sftp-client实现Vue项目打包后自动上传到服务器，提升部署效率300%。🚀一、需求场景与解决方案在Vue项目开发中，每次执行npm run build后都需要手动将dist目录上传到服务器&#…
阅读更多...
《质光相济：Three.js中3D视觉的底层交互逻辑》

《质光相济：Three.js中3D视觉的底层交互逻辑》

在Three.js搭建的虚拟维度中，光照与材质的关系远非技术参数的简单叠加，当光线以数字形态穿越虚空，与物体表面相遇的瞬间，便开始书写属于这个世界的物理叙事——每一缕光斑的形状、每一块阴影的浓淡、每一寸肌理的反光，都是对现实光学规律的转译与重构。理解这种交互的深层…
阅读更多...
无刷电机在汽车领域的应用与驱动编程技术

无刷电机在汽车领域的应用与驱动编程技术

文章目录引言一、核心应用场景1. 新能源汽车动力系统2. 底盘控制系统3. 车身与舒适系统4. 智能驾驶与安全系统二、无刷电机的技术优势解析三、无刷电机驱动编程基础1. 驱动原理2. 驱动架构四、核心控制算法与实现1. 六步换向法（梯形波控制）算法流程图C语…
阅读更多...
【游戏引擎之路】登神长阶（十八）：3天制作Galgame引擎《Galplayer》——无敌之道心

【游戏引擎之路】登神长阶（十八）：3天制作Galgame引擎《Galplayer》——无敌之道心

游戏引擎开发记录：2024年 5月20日-6月4日：攻克2D物理引擎。 2024年 6月4日-6月13日：攻克《3D数学基础》。 2024年 6月13日-6月20日：攻克《3D图形教程》。 2024年 6月21日-6月22日：攻克《Raycasting游戏教程》。 2024年…
阅读更多...
kotlin kmp 跨平台环境使用sqldelight

kotlin kmp 跨平台环境使用sqldelight

欢迎访问我的主页: https://heeheeaii.github.io/ 1. 项目结构 SQLDelightKMPDemo/ ├── shared/ │ ├── src/ │ │ ├── commonMain/kotlin/ │ │ ├── androidMain/kotlin/ │ │ ├── desktopMain/kotlin/ │ │ └── commonMain/sqldel…
阅读更多...
机器学习【五】decision_making tree

机器学习【五】decision_making tree

决策树是一种通过树形结构进行数据分类或回归的直观算法，其核心是通过层级决策路径模拟规则推理。主要算法包括：ID3算法基于信息熵和信息增益选择划分属性；C4.5算法改进ID3，引入增益率和剪枝技术解决多值特征偏差；CART…
阅读更多...
简单记录一下VSCode中的一些学习记

简单记录一下VSCode中的一些学习记

在刚开始学习VSCode时，相信大家都会好奇VSCode底部区域那几个不同的状态栏具体有什么作用（输出、调试控制台、终端、端口），貌似好像都是输出与代码相关的信息的？貌似代码运行结果既可以出现在输出中，也可以…
阅读更多...
基于 Hadoop 生态圈的数据仓库实践 —— OLAP 与数据可视化（二）

基于 Hadoop 生态圈的数据仓库实践 —— OLAP 与数据可视化（二）

目录 二、Hive、SparkSQL、Impala 比较 1. SparkSQL 简介 2. Hive、SparkSQL、Impala 比较 （1）功能 （2）架构 （3）场景 3. Hive、SparkSQL、Impala 性能对比 （1）cloudera 公司…
阅读更多...
C++：std::array vs 原生数组 vs std::vector

C++：std::array vs 原生数组 vs std::vector

📌 C：std::array vs 原生数组 vs std::vector 引用： C/C 标准库 std::vector、std::array、原生静态数组 的区别有哪些？ 深度剖析：std::vector 内存机制与 push_back 扩容策略 今天过去了 还有许许多个明天 能和大…
阅读更多...
最新文章

Copyright @ 2022~2023