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

【react】react中BrowserRouter和HashRouter的区别：

news 2026/2/9 15:51:43

文章目录

            • 1.底层原理不一样:
            • 2.path衣现形式不一样
            • 3.刷新后对路山state参数的影响
            • 4.备注: HashRouter可以用于`解决一些路径错误相关的问题`

在这里插入图片描述

1.底层原理不一样:

BrowserRouter使用的是H5的history API，不兼容IE9及以下版不。
HashRouter使用的是URL的哈希值。

2.path衣现形式不一样

BrowserRouter的路径中没有#,例如: localhost:300@/demo/test
HashRouter的路径包含#,例如: localhost:3e@/#/demo/test

3.刷新后对路山state参数的影响

(1).BrowserRouter没有任何影响，因为state保存在history对象中。
(2).HashRouter刷新后会导致路山state参数的丢失。

4.备注: HashRouter可以用于解决一些路径错误相关的问题

相关文章：

【react】react中BrowserRouter和HashRouter的区别：

文章目录 1.底层原理不一样:2.path衣现形式不一样3.刷新后对路山state参数的影响4.备注: HashRouter可以用于解决一些路径错误相关的问题 1.底层原理不一样: BrowserRouter使用的是H5的history API，不兼容IE9及以下版不。 HashRouter使用的是URL的哈希值。 2.path衣…...

编程日记 2023/8/7 5:51:13

机器学习常用Python库安装

机器学习常用Python库安装 作者日期版本说明Dog Tao2022.06.16V1.0开始建立文档 文章目录 机器学习常用Python库安装Anaconda简介使用镜像源配置 Pip简介镜像源配置 CUDAPytorch安装旧版本 TensorFlowGPU支持说明 DGL简介安装DGLLife RDKitscikit-multilearn Anaconda 简介 …...

编程日记 2023/8/7 5:50:11

HTTP 劫持、DNS 劫持与 XSS

HTTP 劫持、DNS 劫持与 XSS http 劫持是指攻击者在客户端和服务器之间同时建立了连接通道，通过某种方式，让客户端请求发送到自己的服务器，然后自己就拥有了控制响应内容的能力，从而给客户端展示错误的信息，比如在页面中…...

编程日记 2023/8/7 5:49:08

bash引用-Quoting详细介绍

bash引用-Quoting详细介绍 概述 引用的字面意思就是，用引号括住一个字符串。这可以保护字符串中的特殊字符不被shell或shell脚本重新解释或扩展。(如果一个字有不同于其字面意思的解释，它就是“特殊的”。例如：星号*除了本身代表*号以外还表…...

编程日记 2023/8/7 5:48:06

powershell几句话设置环境变量

设置环境变量比较繁琐，现在用这段话，在powershell中就可以轻松完成。 $existingPath [Environment]::GetEnvironmentVariable("Path", "Machine") $newPath "C:\Your\Path\Here"if ($existingPath -split ";"…...

编程日记 2023/8/7 5:47:03

Javascript 数据结构[入门]

作者：20岁爱吃必胜客（坤制作人），近十年开发经验, 跨域学习者，目前于海外某世界知名高校就读计算机相关专业。荣誉：阿里云博客专家认证、腾讯开发者社区优质创作者，在CTF省赛校赛多次取得好成绩。…...

编程日记 2023/8/7 5:46:02

IO（JavaEE初阶系列8）

目录 前言： 1.文件 1.1认识文件 1.2结构和目录 1.3文件路径 1.4文本文件vs二进制文件 2.文件系统的操作 2.1Java中操作文件 2.2File概述 2.2.1构造File对象 2.2.2File中的一些方法 3.文件内容的操作 3.1字节流 3.1.1InPutStream的使用方法 3.1.2OutPu…...

编程日记 2023/8/7 5:44:57

React Native 样式表的基础知识

在 React Native 中我们要使用组件元素进行样式设置的话，我们需要使用StyleSheet组件才能制定样式。useColorScheme是为 APP 定义颜色主题的。在此笔记中我们只是简单做一个介绍和使用。 使用StyleSheet定义样式 当我们要使用StyleSheet的话，我们需要引…...

编程日记 2023/8/7 5:43:55

【JS 解构赋值】

JS 解构赋值是 ES6 中一种简洁、高效的赋值方式，它可以将数组和对象中的值拆分出来并赋值给变量。 解构赋值 解构数组解构对象嵌套解构结语 解构数组 解构数组时，需要使用方括号 [] 包围变量名，并用逗号 , 将变量名隔开。 let [a, b, c] …...

编程日记 2023/8/7 5:42:53

Vue3状态管理库Pinia——自定义持久化插件

个人简介 👀个人主页： 前端杂货铺 🙋‍♂️学习方向： 主攻前端方向，正逐渐往全干发展 📃个人状态： 研发工程师，现效力于中国工业软件事业 🚀人生格言： 积跬步…...

编程日记 2023/8/7 5:41:52

il汇编整数相加

在这里尝试了IL汇编字符串连接； IL汇编字符串连接_bcbobo21cn的博客-CSDN博客 下面来看一下IL汇编整数相加； 大概的看一下一些资料，下面语句， ldc.i4 20 ldc.i4 30 add 看上去像是，装载整数20到一个类似于…...

编程日记 2023/8/7 5:40:51

RabbitMQ 事务

事务简介 就像我们了解的MySQL中的事务一样，RabbiMQ的事务也具备原子性和一致性，并且RabbiMQ的事务是针对消息从生产者发送到RabbitMQ中提供的支持，因此不同事务可以同时给同一个队列发送信息。   可通过channel.txSelect，chann…...

编程日记 2023/8/7 5:39:49

vue前端 让年月日 加上23:59:59

yyyy/MM/dd HH:mm:ss 格式 // 获取 lateCreateTime 的原始时间戳 const timestamp new Date(this.queryAO.lateCreateTime).getTime();// 将时间戳转换为指定格式的字符串 const formattedDateTime new Date(timestamp).toLocaleString("zh-CN", {year: "num…...

编程日记 2023/8/7 5:38:46

【雕爷学编程】Arduino动手做（186）---WeMos ESP32开发板8

37款传感器与模块的提法，在网络上广泛流传，其实Arduino能够兼容的传感器模块肯定是不止37种的。鉴于本人手头积累了一些传感器和执行器模块，依照实践出真知（一定要动手做）的理念，以学习和交流为目的&#x…...

编程日记 2023/8/7 5:37:45

STM32--综述

文章目录 前言STM32简介STM32F103C8T6系统结构Keil软件安装注意事项新建工程操作流程 前言 本专栏将学习B站江协科技的STM32入门教程，通过自身理解和对老师的总结所写的博客专栏。 STM32简介 STM32是意法半导体（STMicroelectronics）公司推…...

编程日记 2023/8/7 5:36:43

Linux学习之sed、awk和vim的差异

sed、awk和vim都是编辑器，区别如下： vim是交互式，需要跟用户进行互动，而sed和awk是非交互式，只需要写好命令，不用跟用户进行互动就可以完成任务。 vim是文本编辑器，操作的时候会对整个文件编辑&…...

编程日记 2023/8/7 5:35:42

MacOS上配置docker国内镜像仓库地址

背景 docker官方镜像仓库网速较差，我们需要设置国内镜像服务 我的MacOS docker版本如下 设置docker国内镜像仓库地址 点击Settings点击Docker Engine修改配置文件，添加registry-mirrors {"builder": {"gc": {"defaultKeepS…...

编程日记 2023/8/7 5:34:41

全志F1C200S嵌入式驱动开发（soc系统集成）

【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】 任何一个嵌入式设备都是由很多的子系统组成的。这里面有硬件、有软件，还可能有机械，并不一定就是大家看到的消费电子那样，即一个soc构成了所有的系统。现实情况是，要构建一个系…...

编程日记 2023/8/7 5:33:38

React路由5版本

什么是路由? 一个路由就是一个映射关系(key:value). 以下代码用的都是router5 通过 npm install react-router-dom5 下载 所有路由用到的东西都需要从react-router-dom中引入 import {BrowserRouter,Link,Route,NavLink,Redirect,withRouter} from react-router-dom 1. 路…...

编程日记 2023/8/7 5:32:37

6.4.3 1x1卷积层

特点：1x1卷积层相当于全连接层 作用：1x1卷积用于调整网络层的通道数量和控制模型复杂度 输入形状：(通道，行，列) (3,3,3) 卷积核形状：(输出通道，输入通道，行，列) (2,3,…...

编程日记 2023/8/7 5:31:36

Spark 之 入门讲解详细版（1）

1、简介 1.1 Spark简介 Spark是加州大学伯克利分校AMP实验室（Algorithms, Machines, and People Lab）开发通用内存并行计算框架。Spark在2013年6月进入Apache成为孵化项目，8个月后成为Apache顶级项目，速度之快足见过人之处&…...

编程新知 2026/2/5 4:17:31

shell脚本--常见案例

1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...

编程新知 2026/2/7 19:53:11

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/9/19 4:31:58

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件 的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...

编程新知 2025/10/6 16:38:04

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...

编程新知 2026/1/26 21:57:45

智能在线客服平台：数字化时代企业连接用户的 AI 中枢

随着互联网技术的飞速发展，消费者期望能够随时随地与企业进行交流。在线客服平台作为连接企业与客户的重要桥梁，不仅优化了客户体验，还提升了企业的服务效率和市场竞争力。本文将探讨在线客服平台的重要性、技术进展、实际应用，并…...

编程新知 2026/2/4 17:51:19

sqlserver 根据指定字符 解析拼接字符串

DECLARE LotNo NVARCHAR(50)A,B,C DECLARE xml XML ( SELECT <x> REPLACE(LotNo, ,, </x><x>) </x> ) DECLARE ErrorCode NVARCHAR(50) -- 提取 XML 中的值 SELECT value x.value(., VARCHAR(MAX))…...

编程新知 2025/10/29 4:33:03

WordPress插件：AI多语言写作与智能配图、免费AI模型、SEO文章生成

厌倦手动写WordPress文章&#xff1f;AI自动生成&#xff0c;效率提升10倍&#xff01; 支持多语言、自动配图、定时发布&#xff0c;让内容创作更轻松&#xff01; AI内容生成 → 不想每天写文章&#xff1f;AI一键生成高质量内容&#xff01;多语言支持 → 跨境电商必备&am…...

编程新知 2026/1/30 17:24:20

微信小程序云开发平台MySQL的连接方式

注&#xff1a;微信小程序云开发平台指的是腾讯云开发 先给结论&#xff1a;微信小程序云开发平台的MySQL&#xff0c;无法通过获取数据库连接信息的方式进行连接&#xff0c;连接只能通过云开发的SDK连接&#xff0c;具体要参考官方文档&#xff1a; 为什么&#xff1f; 因为…...

编程新知 2026/2/1 5:24:17

全志A40i android7.1 调试信息打印串口由uart0改为uart3

一&#xff0c;概述 1. 目的 将调试信息打印串口由uart0改为uart3。 2. 版本信息 Uboot版本&#xff1a;2014.07&#xff1b; Kernel版本&#xff1a;Linux-3.10&#xff1b; 二&#xff0c;Uboot 1. sys_config.fex改动 使能uart3(TX:PH00 RX:PH01)&#xff0c;并让boo…...

编程新知 2026/2/5 6:28:09