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

React基础教程（13）：路由的使用

article 2025/6/3 6:39:05

文章目录

- 1、什么是路由？
- 2、路由安装
- 3、路由使用
- - （1）路由方法导入和使用
  - （2）定义路由以及重定向
  - （3）嵌套路由
  - （4）路由跳转方式
  - （5）动态路由
  - - 动态路由写法一
    - 动态路由写法二
- 4、实现效果
- 5、完整代码下载

1、什么是路由？

路由是根据不同的url地址展示不同的内容或页面。

一个针对React而设计的路由解决方案，可以友好的帮你解决React components到url之间的同步映射关系。

2、路由安装

npm install react-router-dom@5

3、路由使用

（1）路由方法导入和使用

// HashRouter会使url出现＃
import {HashRouter,Route,Switch

React基础教程（13）：路由的使用

文章目录 1、什么是路由？2、路由安装3、路由使用（1）路由方法导入和使用（2）定义路由以及重定向（3）嵌套路由（4）路由跳转方式（5）动态路由动态路由写法一动态路由写法二4、实现效果5、完整代码下载1、什么是路由？路由是根据不同的url地址展示不同的内容或页面。一个…...

编程日记 2025/6/1 15:48:52

力扣刷题（第四十三天）

灵感来源 - 保持更新，努力学习 - python脚本学习解题思路 1. 逐位检查法：通过右移操作逐位检查每一位是否为1，统计计数 2. 位运算优化法：利用 n & (n-1) 操作消除最低位的1，减少循环次数 3. 内置函数法&…...

编程日记 2025/6/3 3:25:23

Centos环境下安装/重装MySQL完整教程

目录一、卸载残留的MySQL环境： 二、安装MySQL： 1、下载MySQL官方的yum源： 2、更新系统yum源： 3、确保系统中有了对应的MySQL安装包： 4、安装MySQL服务： 5、密钥问题安装失败解决方法： …...

编程日记 2025/6/2 21:34:44

【Linux】环境变量完全解析

9.环境变量文章目录 9.环境变量一、命令行参数二、获取环境变量程序中获取环境变量1. 使用命令行参数2. 使用系统调用函数getenv("字符串");3. 使用系统提供的全局变量environ 命令行中查询环境变量三、常见环境变量1. HOME2. OLDPWD3. PATH4. SHELL 四、环境变量与…...

编程日记 2025/6/1 15:45:43

【Java】mybatis-plus乐观锁-基本使用

乐观锁（Optimistic Locking）是解决并发问题的重要机制。它通过在数据更新时验证数据版本来确保数据的一致性，从而避免并发冲突。与悲观锁不同，乐观锁并不依赖数据库的锁机制，而是通过检查数据的版本或标志字段来判断数…...

编程日记 2025/6/2 21:03:36

力扣每日一题——找到离给定两个节点最近的节点

目录题目链接：2359. 找到离给定两个节点最近的节点 - 力扣（LeetCode） 题目描述解法一：双指针路径交汇法基本思路关键步骤为什么这样可行呢我请问了？ 举个例子特殊情况 Java写法： C写法&a…...

编程日记 2025/6/2 18:34:00

机器学习与深度学习03-逻辑回归01

目录上集回顾1. 逻辑回归与线性回归的区别2.逻辑回归的常见目标函数3.逻辑回归如何分类4.Sigmoid函数详解5.逻辑回归模型的参数上集回顾上一节文章地址：链接 1. 逻辑回归与线性回归的区别应用领域线性回归通常⽤于解决回归问题，其中⽬标是预测⼀…...

编程日记 2025/6/1 15:42:20

卷积神经网络（CNN）入门学习笔记

什么是 CNN？ CNN，全称卷积神经网络（Convolutional Neural Network），是一种专门用来处理图片、语音、文本等结构化数据的神经网络。它模仿人眼识别图像的方式： 从局部到整体，一步步提取特征&a…...

编程日记 2025/6/3 4:26:15

【优笔】基于STM32的多模态智能门禁系统

代码功能详细描述该代码实现了一个基于STM32的多模态智能门禁系统，整合密码、指纹、人脸识别（预留）三种验证方式，并提供完善的管理功能。系统架构如下图所示： #mermaid-svg-Uufpcoeo5Lega096 {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size…...

编程日记 2025/6/1 15:39:08

Metasploit工具使用详解(上)丨小白WEB安全入门笔记

Metasploit工具使用详解(上)丨小白WEB安全入门笔记一、课程定位与工具概述课程性质： 小白WEB安全入门课程聚焦基础操作，非深度专题（Metasploit专题可讲数十节课）目标：掌握基本概念和简单漏洞利用 Metasploit核心定…...

编程日记 2025/6/1 15:38:03

Femap许可证与网络安全策略

随着科技的快速发展，网络安全问题已成为各行各业关注的焦点。在电磁仿真领域，Femap作为一款领先的软件，其许可证的安全性和网络策略的重要性不言而喻。本文将探讨Femap许可证与网络安全策略的关系，确保您的电磁仿真工作能够在一个…...

编程日记 2025/6/2 20:12:46

VLAN的作用和原理

1. 为什么要有vlan？ 分割广播域，避免广播风暴，造成网络资源的浪费可以灵活的组网，便于管理，同时还有安全加固的功能 2. vlan是怎么实现的？端口的原理？ 设置VLAN后，流量之间的转…...

编程日记 2025/6/3 3:47:23

深入探讨集合与数组转换方法

目录 1、Arrays.asList() 1.1、方法作用 1.2、内部实现 1.3、修改元素的影响 1.4、注意事项 2、list.toArray() 2.1、方法作用 2.2、内部实现 2.3、修改元素的影响 2.4、特殊情况 1、对象引用 2、数组copy 3、对比总结 4、常见误区与解决方案 5、实际应用建议…...

编程日记 2025/6/2 21:04:55

让大模型看得见自己的推理 — KnowTrace结构化知识追踪

让大模型“看得见”自己的推理 —— KnowTrace 结构化知识追踪式 RAG 全解析一句话概括：把检索-推理“改造”成动态知识图构建任务，再让 LLM 只关注这张不断精炼的小图 —— 这就是显式知识追踪的核心价值。 1. 背景：为什么 RAG 仍难以搞定多跳推理？长上下文负担传统 I…...

编程日记 2025/6/1 15:33:46

【HarmonyOS 5应用架构详解】深入理解应用程序包与多Module设计机制

⭐本期内容：【HarmonyOS 5应用架构详解】深入理解应用程序包与多Module设计机制 🏆系列专栏：鸿蒙HarmonyOS：探索未来智能生态新纪元文章目录前言应用与应用程序包应用程序的基本概念应用程序包的类型标识机制应用安装流程应用的…...

编程日记 2025/6/3 3:09:39

【Oracle】DCL语言

个人主页：Guiat 归属专栏：Oracle 文章目录 1. DCL概述1.1 什么是DCL？1.2 DCL的核心功能 2. 用户管理2.1 创建用户2.2 修改用户2.3 删除用户2.4 用户信息查询 3. 权限管理3.1 系统权限3.1.1 授予系统权限3.1.2 撤销系统权限 3.2 对象权限3.2.1…...

编程日记 2025/6/3 6:01:11

MySQL强化关键_017_索引

目录一、概述二、索引 1.主键索引 2.唯一索引 3.查看索引 4.添加索引 （1）建表时添加 （2）建表后添加 5.删除索引三、树 1.二叉树 2.红黑树 3.B树 4.B树 （1）为什么 MySQL 选择B树作为索引…...

编程日记 2025/6/2 18:05:56

stm32——SPI协议

stm32——SPI协议 STM32的SPI（Serial Peripheral Interface，串行外设接口）协议是一种高速、全双工、同步的串行通信协议，广泛评估微控制器与各种外设（如传感器、器件、显示器、模块等）之间的数据传输。STM3…...

编程日记 2025/6/2 22:18:06

Linux 下如何查看进程的资源限制信息？

简介 Linux 上的 cat /proc/$pid/limits 命令提供有关特定进程的资源限制的信息，其中 $pid 是相关进程的进程 ID （pid）。该文件是 /proc 文件系统的一部分，该文件系统是一个虚拟文件系统，提供有关进程和系统资源的信息…...

编程日记 2025/6/2 19:41:47

【备忘】php命令行异步执行超长时间任务

环境说明： 操作系统：windows10 IDE：phpstorm 开发语言：php7.4 框架：thinkphp5.1 测试环境：linuxwindows均测试通过。初级方法： function longRunningTask() {$root_path Tools::get_ro…...

编程日记 2025/6/1 15:26:56

对于ARM开发各种手册的分类

手册名称全称主要内容适用范围是不是讲SysTick？Cortex-M3 Technical Reference Manual (TRM)Cortex-M3 Technical Reference Manual描述 Cortex-M3内核架构，如寄存器模型、总线接口、指令集、异常模型只适合 Cortex-M3 内核，不含外设❌ 没有C…...

编程日记 2025/6/3 4:42:19

java开发中#和$的区别

在Spring框架中，$ 和 # 是两种不同的表达式前缀，用于从不同的来源获取值或执行计算。下面详细解释它们的区别和用法： 一、$ 占位符（Property Placeholder） 1. 作用从配置文件（如 application.propertie…...

编程日记 2025/6/1 15:24:54

在 RK3588 上通过 VSCode 远程开发配置指南

在 RK3588 上通过 VSCode 远程开发配置指南 RK3588 设备本身不具备可视化编程环境，但可以通过 VSCode 的 Remote - SSH 插件实现远程代码编写与调试。以下是完整的配置流程。一、连接 RK3588 1. 安装 Debian 系统先在 RK3588 上安装 Debian 操作系统。 2. 安…...

编程日记 2025/6/1 15:23:52

OpenHarmony标准系统-HDF框架之音频驱动开发

文章目录引言OpenHarmony音频概述OpenHarmony音频框图HDF音频驱动框架概述HDF音频驱动框图HDF音频驱动框架分析之音频设备驱动HDF音频驱动框架分析之supportlibs实现HDF音频驱动框架分析之hdi-passthrough实现HDF音频驱动框架分析之hdi-bindev实现HDF音频驱动加载过程HDF音频驱…...

编程日记 2025/6/1 15:22:51

HTML Day03

Day03 0. 引言1. CSS1.1 CSS的3种使用方法1.2 内联样式1.3 内部样式表1.4 外部CSS文件 2. 图像3. 表格3.1单元格间距和单元格边框 4. 列表4.1 有序表格的不同类型4.2 不同类型的无序表格4.3 嵌套列表 5. 区块6. 布局6.1 div布局6.2 表格布局 0. 引言 HELLO ^ _ ^大家好&#xf…...

编程日记 2025/6/1 15:21:47

篇章六数据结构——链表（二）

目录 1. LinkedList的模拟实现 1.1 双向链表结构图编辑 1.2 三个简单方法的实现 1.3 头插法 1.4 尾插法 1.5 中间插入 1.6 删除 key 1.7 删除所有key 1.8 clear 2.LinkedList的使用 2.1 什么是LinkedList 5.2 LinkedList的使用 1.LinkedList的构造 2. LinkedList的…...

编程日记 2025/6/1 15:20:45

Python60日基础学习打卡Day39

昨天我们介绍了图像数据的格式以及模型定义的过程，发现和之前结构化数据的略有不同，主要差异体现在2处模型定义的时候需要展平图像由于数据过大，需要将数据集进行分批次处理，这往往涉及到了dataset和dataloader来规范代码的组织…...

编程日记 2025/6/1 15:19:42

吴恩达MCP课程（3）：mcp_chatbot

原课程代码是用Anthropic写的，下面代码是用OpenAI改写的，模型则用阿里巴巴的模型做测试 .env 文件为： OPENAI_API_KEYsk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx OPENAI_API_BASEhttps://dashscope.aliyuncs.com/compatible-mode…...

编程日记 2025/6/3 2:50:47

MySQL访问控制与账号管理：原理、技术与最佳实践

MySQL的安全体系建立在精细的访问控制和账号管理机制上。本文基于MySQL 9.3官方文档，深入解析其核心原理、关键技术、实用技巧和行业最佳实践。一、访问控制核心原理：双重验证机制连接验证 (Connection Verification) 客户端发起连接时，MyS…...

编程日记 2025/6/1 15:17:37

AWS 创建VPC 并且添加权限控制

AWS 创建VPC 并且添加权限控制以下是完整的从0到1在AWS中创建VPC并配置权限的步骤（包含网络配置、安全组权限和实例访问）： 1. 创建VPC 步骤： 登录AWS控制台访问 AWS VPC控制台，点击创建VPC。配置基础信息名称…...

编程日记 2025/6/2 21:40:39

文章目录

1、什么是路由？

2、路由安装

3、路由使用

（1）路由方法导入和使用

相关文章：