当前位置： 首页 > news >正文

SpringCloud之Gateway基础认识-服务网关

news 来源：原创 2025/8/3 19:28:16

0、Gateway基本知识

  1. Gateway 是在 Spring 生态系统之上构建的 API 网关服务，基于 Spring ，Spring Boot 和 Project Reactor 等技术。

  2. Gateway 旨在提供一种简单而有效的方式来对 API 进行路由，以及提供一些强大的过滤器功能，例如∶熔断、限流、重试等。

官网：

https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/

先认识网关：

在没有网关服务之前:

有了网关服务之后：

网关服务核心功能​

  1. ​​统一调用接口​​

    • 对外提供统一入口，根据请求URL路径转发到对应的后端服务
    • ​​配置化路由​​：通过配置即可实现断言（匹配规则）和过滤

  2. ​​流量治理与安全​​

    • 负载均衡（商品服务集群多实例场景）
    • 限流（防止刷接口）
    • 熔断（服务异常时快速失败）
    • 鉴权（拦截非法请求）
    • 日志监控
    • 反向代理

1、网络拓扑图

 

2、Gateway 和 Zuul 区别 

  1. SpringCloud Gateway 作为 Spring Cloud 生态系统中的网关，目标是替代 Zuul
  2. SpringCloud Gateway 是基于 Spring WebFlux 框架实现的
  3. Spring WebFlux 框架底层则使用了高性能的 Reactor 模式通信框架 Netty ， 提升了网关性能

3、Gateway 特性

Spring Cloud Gateway 基于 Spring Framework(支持 Spring WebFlux)，Project Reactor 和 Spring Boot 进行构建,具有如下特性:

  • 动态路由：根据url动态的决定调用的哪个远程地址
  • 可以对路由指定 Predicate(断言)和Filter(过滤器)：判断这个请求能不能处理，过滤器用于在请求被路由到后端服务 ​​前（Pre）​​ 或 ​​后（Post）​​ 对请求或响应进行修改或增强。
  • 集成Hystrix的断路器功能：熔断
  • 集成 Spring Cloud 服务发现功能：从 Eureka Server 获取远程Service地址
  • 请求限流功能:
  • 支持路径重写：根据业务需求进行重写

 4、Gateway 核心组件

1、Route(路由)：

路由是构建网关的基本模块，它由 ID，目标 URI，一系列的断言和过滤器组成，如果断言为 true 则匹配该路由

2、Predicate(断言)： 

对 HTTP 请求中的所有内容（例如请求头或请求参数）进行匹配，如果请求与断言相匹配则进行路由。

简单举例, 比如配置路径,   - Path=/member/get/**  ==>断言：路径相匹配的进行路由转发, 如果Http请求的路径不匹配, 则不进行路由转发.

3、filters（过滤器）:

使用过滤器，可以在请求被路由前或者之后对请求进行处理

你可以理解成, 在对 Http 请求断言匹配成功后, 可以通过网关的过滤机制, 对 Http 请求处理

简单举例:

- AddRequestParameter=color, blue #过滤器在匹配的请求头加上一对请求头，名称为color 值为blue, 比如原来的http 请求是 http://localhost:10000/member/get/1

==过滤器处理=> 统一携带参数：http://localhost:10000/member/get/1?color=blue

5、流程梳理 

  1. 客户端向 Spring Cloud Gateway 发出请求。然后在 Gateway Handler Mapping 中找到与请求相匹配的路由，将其发送到 Gateway Web Handler。

  2. Handler 再通过指定的过滤器链来将请求发送到我们实际的服务执行业务逻辑，然后返回。

  3. 过滤器之间用虚线分开是因为过滤器可能会在发送代理请求之前（"pre"）或之后（"post"）执行业务逻辑。

  4. Filter 在"pre"类型的过滤器可以做参数校验、权限校验、流量监控、日志输出、协议转换等

  5. 在"post"类型的过滤器中可以做响应内容、响应头的修改，日志的输出，流量监控等有着非常重要的作用。

红色方框为一个过滤器 

一句话说：路由转发+执行过滤器链

路由转发=发送到后端服务之前=‘pre’执行过后

6、其他

后续服务网关代替消费端，被视为Erueka Client

相关文章：

SpringCloud之Gateway基础认识-服务网关

0、Gateway基本知识 Gateway 是在 Spring 生态系统之上构建的 API 网关服务，基于 Spring ，Spring Boot 和 Project Reactor 等技术。 Gateway 旨在提供一种简单而有效的方式来对 API 进行路由，以及提供一些强大的过滤器功能，例如…...

编程日记 2025/8/3 19:28:16

MySQL 从入门到精通（三）：日志管理详解 —— 从排错到恢复的核心利器

在 MySQL 数据库的日常运维中，日志是定位问题、优化性能、数据恢复的核心工具。无论是排查服务器启动异常，还是分析慢查询瓶颈，亦或是通过二进制日志恢复误删数据，日志都扮演着 “数据库黑匣子” 的角色。本文将深入解析 MySQL 的…...

编程日记 2025/8/1 17:50:03

单脉冲前视成像多目标分辨算法——论文阅读

单脉冲前视成像多目标分辨算法 1. 论文的研究目标及实际意义1.1 研究目标1.2 实际问题与产业意义2. 论文的创新方法及公式解析2.1 核心思路2.2 关键公式与模型2.2.1 单脉冲雷达信号模型2.2.2 匹配滤波输出模型2.2.3 多目标联合观测模型2.2.4 对数似然函数与优化2.2.5 MDL准则目…...

编程日记 2025/7/29 17:41:16

SpringBoot项目容器化进行部署,meven的docker插件远程构建docker镜像

需求：将Spring Boot项目使用容器化进行部署 前提 默认其他环境,如mysql,redis等已经通过docker部署完毕, 这里只讨论,如何制作springboot项目的镜像 要将Spring Boot项目使用docker容器进行部署，就需要将Spring Boot项目构建成一个docker镜像 一、手动…...

编程日记 2025/8/1 9:22:26

【金仓数据库征文】政府项目数据库迁移：从MySQL 5.7到KingbaseES的蜕变之路

摘要：本文详细阐述了政府项目中将 MySQL 5.7 数据库迁移至 KingbaseES 的全过程，涵盖迁移前的环境评估、数据梳理和工具准备，迁移实战中的数据源与目标库连接配置、迁移任务详细设定、执行迁移与过程监控，以及迁移后的质量验证、系…...

编程日记 2025/7/30 5:55:21

C++GO语言微服务和服务发现②

01 创建go-micro项目-查看生成的 proto文件 02 创建go-micro项目-查看生成的main文件和handler ## 创建 micro 服务 命令：micro new --type srv test66 框架默认自带服务发现：mdns。 使用consul服务发现： 1. 初始consul服务发现&…...

编程日记 2025/8/3 19:23:21

手机银行怎么打印流水账单（已解决）

一、中国银行 登录中国银行手机银行APP。 在首页点击“更多”，向左滑动找到并点击“助手”。 在助手页面选择“交易流水打印”。 点击“立即申请”，选择需要打印的账户和时间段。 输入接收流水账单的电子邮箱地址。 提交申请后，在“申请…...

编程日记 2025/8/2 10:21:31

单片机-STM32部分：10-2、逻辑分析仪

飞书文档https://x509p6c8to.feishu.cn/wiki/VrdkwVzOnifH8xktu3Bcuc4Enie 安装包如下：根据自己的系统选择，目前这个工具只有window版本哦 安装方法比较简单，都按默认下一步即可，注意不要安装到中文路径哦。 其余部分参考飞书文档…...

编程日记 2025/7/30 5:55:15

Scala与Go的异同教程

当瑞士军刀遇到电锯：Scala vs Go的相爱相杀之旅 各位准备秃头的程序猿们（放心，用Go和Scala不会加重你的发际线问题），今天我们来聊聊编程界的"冰与火之歌"——Scala和Go的异同。准备好瓜子饮料，我…...

编程日记 2025/7/30 5:55:13

【算法-哈希表】常见算法题的哈希表套路拆解

算法相关知识点可以通过点击以下链接进行学习一起加油！双指针滑动窗口二分查找前缀和位运算模拟链表 在刷题的过程中，我们会频繁遇到一些“高频套路”——而哈希表正是其中最常用也最高效的工具之一。它能帮助我们在 O(1) 的时间复杂度内完成查找、插入与…...

编程日记 2025/7/29 15:24:26

前端取经路——现代API探索：沙僧的通灵法术

大家好，我是老十三，一名前端开发工程师。在现代Web开发中，各种强大的API就像沙僧的通灵法术，让我们的应用具备了超乎想象的能力。本文将带你探索从离线应用到实时通信，从多线程处理到3D渲染的九大现代Web API，让你的应用获得"通灵"般的超能力。 在前端取经的第…...

编程日记 2025/8/1 18:19:14

深入了解 ArkTS：HarmonyOS 开发的关键语言与应用实践

随着 HarmonyOS（鸿蒙操作系统）的推出，华为为开发者提供了一套全新的开发工具和编程语言，使得跨设备、跨平台的应用开发成为可能。在这些工具中，ArkTS（Ark TypeScript）作为一种专为 HarmonyOS 设…...

编程日记 2025/8/3 4:22:09

Flask 调试的时候进入main函数两次

在 Flask 开启 Debug 模式时，程序会因为自动重载（reloader）的机制而启动两个进程，导致if __name__ __main__底层的程序代码被执行两次。以下说明其原理与常见解法。 Flask Debug 模式下自动重载机制 Flask 使用的底层服务器 Wer…...

编程日记 2025/7/30 5:55:05

Git 时光机：修改Commit信息

前言 列位看官都知道，Git 的每一次 git commit，其中会包含作者（Author）和提交者（Committer）的姓名与邮箱。有时可能会因为配置错误、切换了开发环境，或者只是单纯的手滑，导致 commi…...

编程日记 2025/7/30 5:55:02

DAY 21 常见的降维算法

知识点回顾： LDA线性判别PCA主成分分析t-sne降维 还有一些其他的降维方式，也就是最重要的词向量的加工，我们未来再说 作业： 自由作业：探索下什么时候用到降维？降维的主要应用？或者让ai给你出题&…...

编程日记 2025/8/3 9:15:56

Docker使用小结

概念 镜像（ Image ） ：相当于一个 root 文件系统；镜像构建时，分层存储、层层构建；容器（ Container ） ：镜像是静态的定义，容器是镜像运行时的实体；…...

编程日记 2025/7/30 9:05:35

kubectl top 查询pod连接数

在 Kubernetes 中，kubectl top 命令默认仅支持查看 Pod 或节点的 CPU/内存资源使用情况，并不直接提供 TCP 连接数的统计功能。若要获取 Pod 的 TCP 连接数，需结合其他工具和方法。以下是具体实现方案： 1. 直接进入容器查看 TCP 连…...

编程日记 2025/8/1 2:00:33

Kubernetes生产实战(十七)：负载均衡流量分发管理实战指南

在Kubernetes集群中，负载均衡是保障应用高可用、高性能的核心机制。本文将从生产环境视角，深入解析Kubernetes负载均衡的实现方式、最佳实践及常见问题解决方案。 一、Kubernetes负载均衡的三大核心组件 1）Service资源：集群内流…...

编程日记 2025/7/30 1:21:18

Git 分支指南

什么是 Git 分支？ Git 分支是仓库内的独立开发线，你可以把它想象成一个单独的工作空间，在这里你可以进行修改，而不会影响主分支（或 默认分支）。分支允许开发者在不影响项目实际版本的情况下，开…...

编程日记 2025/7/30 9:05:29

自动泊车技术—相机模型

一、相机分类及特性 传感器类型深度感知原理有效工作范围环境适应性功耗水平典型成本区间数据丰富度单目相机运动视差/几何先验1m~∞光照敏感1-2W5−5−502D纹理中双目相机立体匹配 (SGM/SGBM算法)0.3m~20m纹理依赖3-5W50−50−3002D稀疏深度多摄像头系统多视角三角测量0.1m~5…...

编程日记 2025/7/31 13:36:18

程序代码篇---esp32视频流处理

文章目录 前言一、ESP32摄像头设置1.HTTP视频流（最常见）2.RTSP视频流3.MJPEG流 二、使用OpenCV读取视频流1. 读取HTTP视频流2. 读取RTSP视频流 三、使用requests库读取MJPEG流四、处理常见问题1. 连接不稳定或断流2. 提高视频流性能2.1降低分辨率2.2跳过…...

编程日记 2025/8/1 8:53:28

数据结构与算法分析实验12 实现二叉查找树

实现二叉查找树 1、二叉查找树介绍2.上机要求3.上机环境4.程序清单(写明运行结果及结果分析)4.1 程序清单4.1.1 头文件 TreeMap.h 内容如下：4.1.2 实现文件 TreeMap.cpp 文件内容如下：4.1.3 源文件 main.cpp 文件内容如下： 4.2 实现展效果示5…...

编程日记 2025/7/30 8:29:37

深入浅出之STL源码分析2_类模版

1.引言 我在上面的文章中讲解了vector的基本操作，然后提出了几个问题。 STL之vector基本操作-CSDN博客 1.刚才我提到了我的编译器版本是g 11.4.0，而我们要讲解的是STL（标准模板库），那么二者之间的关系是什么&#x…...

编程日记 2025/7/30 9:05:23

Docker、Docker-compose、K8s、Docker swarm之间的区别

1.Docker docker是一个运行于主流linux/windows系统上的应用容器引擎，通过docker中的镜像(image)可以在docker中构建一个独立的容器(container)来运行镜像对应的服务； 例如可以通过mysql镜像构建一个运行mysql的容器，既可以直接进入该容器命…...

编程日记 2025/8/1 1:47:21

【Linux】线程的同步与互斥

目录 1. 整体学习思维导图 2. 线程的互斥 2.1 互斥的概念 2.2 见一见数据不一致的情况 2.3 引入锁Mutex(互斥锁/互斥量) 2.3.1 接口认识 2.3.2 Mutex锁的理解 2.3.3 互斥量的封装 3. 线程同步 3.1 条件变量概念 3.2 引入条件变量Cond 3.2.1 接口认识 3.2.2 同步的…...

编程日记 2025/8/1 5:42:09

C++发起Https连接请求

需要下载安装openssl //stdafx.h #pragma once #include<iostream> #include <openssl/ssl.h> #include <openssl/err.h> #include <iostream> #include <string>#pragma comment(lib, "libssl.lib") #pragma comment(lib, "lib…...

编程日记 2025/8/2 16:23:18

Linux 内核链表宏的详细解释

&#x1f527; Linux 内核链表结构概览 Linux 内核中的链表结构定义在头文件 <linux/list.h> 中。核心结构是&#xff1a; struct list_head {struct list_head *next, *prev; }; 它表示一个双向循环链表的节点。链表的所有操作都围绕这个结构体展开。 &#x1f9e9; …...

编程日记 2025/7/30 9:05:15

[架构之美]Spring Boot集成MyBatis-Plus高效开发（十七）

[架构之美]Spring Boot集成MyBatis-Plus高效开发&#xff08;十七&#xff09; 摘要&#xff1a;本文通过图文代码实战&#xff0c;详细讲解Spring Boot整合MyBatis-Plus全流程&#xff0c;涵盖代码生成器、条件构造器、分页插件等核心功能&#xff0c;助你减少90%的SQL编写量…...

编程日记 2025/7/30 9:05:14

游戏引擎学习第270天:生成可行走的点

回顾并为今天的内容定下基调 今天的计划虽然还不完全确定&#xff0c;可能会做一些内存分析&#xff0c;也有可能暂时不做&#xff0c;因为目前并没有特别迫切的需求。最终我们会根据当下的状态随性决定&#xff0c;重点是持续推动项目的进展&#xff0c;无论是 memory 方面还…...

编程日记 2025/8/1 16:35:35

批量统计PDF页数，统计图像属性

软件介绍&#xff1a; 1、支持批量统计PDF、doc\docx、xls\xlsx页数 2、支持统计指定格式文件数量&#xff08;不填格式就是全部&#xff09; 3、支持统计JPG、JPEG、PNG图像属性 4、支持统计多页TIF页数、属性 5、支持统计PDF、JPG画幅 统计图像属性 「托马斯的文件助手」…...

编程日记 2025/7/31 14:43:41

QT Creator配置Kit

0、背景&#xff1a;qt5.12.12vs2022 记得先增加vs2017编译器 一、症状&#xff1a; 你是否有以下症状&#xff1f; 1、用qt新建的工程&#xff0c;用qmake&#xff0c;可惜能看见的只有一个pro文件&#xff1f; 2、安装QT Creator后&#xff0c;使用MSVC编译显示no c com…...

编程日记 2025/7/30 9:05:08

[架构之美]IntelliJ IDEA创建Maven项目全流程（十四）

[架构之美]IntelliJ IDEA创建Maven项目全流程&#xff08;十四&#xff09; 摘要&#xff1a;本文将通过图文结合的方式&#xff0c;详细讲解如何使用IntelliJ IDEA快速创建Maven项目&#xff0c;涵盖环境配置、项目初始化、依赖管理及常见问题解决方案。适用于Java开发新手及…...

编程日记 2025/7/30 9:05:06

SpringBoot学习(上) , SpringBoot项目的创建(IDEA2024版本)

目录 1. SpringBoot介绍 SpringBoot特点 2. SpringBoot入门 2.1 创建SpringBoot项目 Spring Initialize 第一步: 选择创建项目 第二步: 选择起步依赖 第三步: 查看启动类 2.2 springboot父项目 2.3 测试案例 2.3.1 数据库 2.3.2 生成代码 1. SpringBoot介绍 Spring B…...

编程日记 2025/7/30 1:21:25

《Python星球日记》 第51天：神经网络基础

名人说&#xff1a;路漫漫其修远兮&#xff0c;吾将上下而求索。—— 屈原《离骚》 创作者&#xff1a;Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; 目录 一、引言&#xff1a;走进神经网络的世界二、神经元与激活函数1. 神经元&#x…...

编程日记 2025/8/1 9:57:35

MindSpore框架学习项目-ResNet药物分类-模型评估

目录 4.模型评估 4.1模型预测 4.1.1加载模型 4.1.2通过传入图片路径进行推理 单张图片推理代码解释 4.2图片推理 4.2.1构造可视化推理结果函数 可视化推理结果函数代码解释 4.2.2进行单张推理 参考内容&#xff1a; 昇思MindSpore | 全场景AI框架 | 昇思MindSpore社区…...

编程日记 2025/7/30 9:05:00

Visual Studio Code 前端项目开发规范合集【推荐插件】

文章目录 前言代码格式化工具&#xff08;Prettier&#xff09;1、下载 prettier 相关依赖&#xff1a;2、安装 Vscode 插件&#xff08;Prettier&#xff09;&#xff1a;3、配置 Prettier&#xff08;.prettierrc.cjs&#xff09;&#xff1a; 代码规范工具&#xff08;ESLin…...

编程日记 2025/8/1 7:26:51

uniapp-商城-48-后台 分类数据添加修改弹窗bug

在第47章的操作中&#xff0c;涉及到分类的添加、删除和更新功能&#xff0c;但发现uni-popup组件存在bug。该组件的函数接口错误导致在小程序中出现以下问题&#xff1a;1. 点击修改肉类名称时&#xff0c;回调显示为空&#xff0c;并报错“setVal is not defined”&#xff0…...

编程日记 2025/7/30 9:04:56

OpenLayers 精确经过三个点的曲线绘制

OpenLayers 精确经过三个点的曲线绘制 根据您的需求&#xff0c;我将提供一个使用 OpenLayers 绘制精确经过三个指定点的曲线解决方案。对于三个点的情况&#xff0c;我们可以使用 二次贝塞尔曲线 或 三次样条插值&#xff0c;确保曲线精确通过所有控制点。 实现方案 下面是…...

编程日记 2025/7/30 9:04:55

uniapp小程序中实现无缝衔接滚动效果

组件滚动通知只能实现简单的滚动效果&#xff0c;不能实现滚动内容中的字进行不同颜色的更改&#xff0c;下面实现一个无缝衔接的滚动动画&#xff0c;可以根据自己的需要进行艺术化的更改需要滚动的内容&#xff0c;也可以自定义更改滚动速度。 <template><view cla…...

编程日记 2025/7/30 9:04:53

【Docker 新手入门指南】第四章：镜像加速

【Docker 新手入门指南】系列文章目录 【Docker 新手入门指南】第一章&#xff1a;前言【Docker 新手入门指南】第二章&#xff1a;架构概述【Docker 新手入门指南】第三章&#xff1a;快速安装【Docker 新手入门指南】第四章&#xff1a;镜像加速 文章目录 &#x1f680;【Doc…...

编程日记 2025/7/30 9:04:51

k8s删除pv和pvc后，vg存储没释放分析

原因是pv对应的lvm没删除 pv如下&#xff1a; local-068e2cac-22de-40f3-af90-efd151d043c8 100Gi RWO Retain Released sase-ops/alertmanager-kube-prometheus-stack-alertmanager-db-alertmanager-kube-prometheus-stack-alertmanager-0 …...

编程日记 2025/7/31 20:28:54

Ubuntu 22.04（WSL2）使用 Docker 安装 Zipkin 和 Skywalking

Ubuntu 22.04&#xff08;WSL2&#xff09;使用 Docker 安装 Zipkin 和 Skywalking 分布式追踪工具在现代微服务架构中至关重要&#xff0c;它们帮助开发者监控请求在多个服务之间的流动&#xff0c;识别性能瓶颈和潜在错误。本文将指导您在 Ubuntu 22.04&#xff08;WSL2 环境…...

编程日记 2025/7/30 9:04:48

【DLF】基于语言的多模态情感分析

作者提出的不足​​ ​​模态平等处理导致冗余与冲突​​ ​​问题​​：现有MSA方法对所有模态（语言、视觉、音频）平等处理，忽略模态间贡献差异（如语言为主导模态）。​​后果​​：跨模态交互引入冗余信息（如视觉和音频中与情感无关的噪声），甚至模态对间双向信息传递（…...

编程日记 2025/7/30 4:51:07

window 显示驱动开发-线性伸缩空间段

线性伸缩空间段类似于线性内存空间段。 但是&#xff0c;伸缩空间段只是地址空间&#xff0c;不能容纳位。 若要保存位&#xff0c;必须分配系统内存页&#xff0c;并且必须重定向地址空间范围以引用这些页面。 内核模式显示微型端口驱动程序&#xff08;KMD&#xff09;必须实…...

编程日记 2025/7/30 5:26:37

[Linux网络_71] NAT技术 | 正反代理 | 网络协议总结 | 五种IO模型

目录 1.NAT技术 NAPT 2.NAT和代理服务器 3.网线通信各层协议总结 补充说明 4.五种 IO 模型 1.什么是IO&#xff1f;什么是高效的IO&#xff1f; 2.有那些IO的方式&#xff1f;这么多的方式&#xff0c;有那些是高效的&#xff1f; 异步 IO &#x1f3a3; 关键缺陷类比…...

编程日记 2025/7/30 9:04:43

免费5个 AI 文字转语音工具网站！

一个爱代码的设计师在运营,不定时分享干货、学习方法、效率工具和AIGC趋势发展。个人网站&#xff1a;tomda.top 分享几个好用的文字转语音、语音转文字的在线工具&#xff0c;麻烦需要的朋友保存。 01. ChatTTS 中英文智能转换&#xff0c;语音自然流畅&#xff0c;在线免费…...

编程日记 2025/7/30 4:36:35

【入门】数字走向II

描述 输入整数N&#xff0c;输出相应方阵。 输入描述 一个整数N。&#xff08; 0 < n < 10 ) 输出描述 一个方阵&#xff0c;每个数字的场宽为3。 #include <bits/stdc.h> using namespace std; int main() {int n;cin>>n;for(int in;i>1;i--){for(…...

编程日记 2025/7/30 9:04:40

Linux基础(文件权限和用户管理)

1.文件管理 1.1 文件权限 文件的权限总共有三种&#xff1a;r&#xff08;可读&#xff09;&#xff0c;w&#xff08;可写&#xff09;&#xff0c;x&#xff08;可执行&#xff09;&#xff0c;其中r是read&#xff0c;w是write&#xff0c;x是execute的缩写。 我们…...

编程日记 2025/8/3 3:51:34

【BYD_DM-i技术解析】

关键词&#xff1a;构型、能量流、DM-i 一、发展历史&#xff1a;从DM1到DM5的技术跃迁 比亚迪DM&#xff08;Dual Mode&#xff09;技术始于2008年&#xff0c;其发展历程可划分为五代&#xff0c;核心目标始终围绕“油电协同”与“高效节能”展开&#xff1a; DM1&#xf…...

编程日记 2025/7/31 1:32:20

React Hooks 精要：从入门到精通的进阶之路

Hooks 是 React 16.8 引入的革命性特性，它让函数组件拥有了类组件的能力。以下是 React Hooks 的详细使用指南。 一、基础 Hooks 1. useState - 状态管理 import { useState } from react;function Counter() {const [count, setCount] = useState(0); // 初始值为0return …...

编程日记 2025/8/3 4:33:03