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

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

news 2025/8/23 16:17:36

文章目录

            • 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

OpenLayers 可视化之热力图

注：当前使用的是 ol 5.3.0 版本，天地图使用的key请到天地图官网申请，并替换为自己的key 热力图（Heatmap）又叫热点图，是一种通过特殊高亮显示事物密度分布、变化趋势的数据可视化技术。采用颜色的深浅来显示…...

编程新知 2025/7/6 21:38:30

智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql

智慧工地管理云平台系统，智慧工地全套源码，java版智慧工地源码，支持PC端、大屏端、移动端。 智慧工地聚焦建筑行业的市场需求，提供“平台网络终端”的整体解决方案，提供劳务管理、视频管理、智能监测、绿色施工、安全管…...

编程新知 2025/8/22 3:26:14

《从零掌握MIPI CSI-2: 协议精解与FPGA摄像头开发实战》-- CSI-2 协议详细解析 (一）

CSI-2 协议详细解析 (一） 1. CSI-2层定义（CSI-2 Layer Definitions） 分层结构 ：CSI-2协议分为6层： 物理层（PHY Layer） ： 定义电气特性、时钟机制和传输介质（导线&#…...

编程新知 2025/8/22 3:51:45

c++ 面试题(1)-----深度优先搜索（DFS）实现

操作系统：ubuntu22.04 IDE:Visual Studio Code 编程语言：C11 题目描述 地上有一个 m 行 n 列的方格，从坐标 [0,0] 起始。一个机器人可以从某一格移动到上下左右四个格子，但不能进入行坐标和列坐标的数位之和大于 k 的格子。 例…...

编程新知 2025/7/16 4:46:54

如何将联系人从 iPhone 转移到 Android

从 iPhone 换到 Android 手机时，你可能需要保留重要的数据，例如通讯录。好在，将通讯录从 iPhone 转移到 Android 手机非常简单，你可以从本文中学习 6 种可靠的方法，确保随时保持连接，不错过任何信息。 第 1…...

编程新知 2025/8/10 12:51:07

在Ubuntu中设置开机自动运行（sudo）指令的指南

在Ubuntu系统中，有时需要在系统启动时自动执行某些命令，特别是需要 sudo权限的指令。为了实现这一功能，可以使用多种方法，包括编写Systemd服务、配置 rc.local文件或使用 cron任务计划。本文将详细介绍这些方法，并提供…...

编程新知 2025/6/18 4:00:59

【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】

1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种 系统属性定义文件（System Property Definition File），用于声明和管理 Bluetooth 模块相…...

编程新知 2025/7/9 6:14:15

Matlab | matlab常用命令总结

常用命令 一、 基础操作与环境二、 矩阵与数组操作（核心）三、 绘图与可视化四、 编程与控制流五、 符号计算 (Symbolic Math Toolbox)六、 文件与数据 I/O七、 常用函数类别重要提示这是一份 MATLAB 常用命令和功能的总结，涵盖了基础操作、矩阵运算、绘图、编程和文件处理等…...

编程新知 2025/8/11 1:05:59

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

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

编程新知 2025/8/19 23:51:38

基于matlab策略迭代和值迭代法的动态规划

经典的基于策略迭代和值迭代法的动态规划matlab代码，实现机器人的最优运输 Dynamic-Programming-master/Environment.pdf , 104724 Dynamic-Programming-master/README.md , 506 Dynamic-Programming-master/generalizedPolicyIteration.m , 1970 Dynamic-Programm…...

编程新知 2025/8/3 2:20:04