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

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

news 2025/12/25 3:56:28

文章目录

- - - - 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

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系统集成）

编程日记 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

FastAPI 教程：从入门到实践

FastAPI 是一个现代、快速（高性能）的 Web 框架，用于构建 API，支持 Python 3.6。它基于标准 Python 类型提示，易于学习且功能强大。以下是一个完整的 FastAPI 入门教程，涵盖从环境搭建到创建并运行一个简单的…...

编程新知 2025/10/16 7:51:26

1688商品列表API与其他数据源的对接思路

将1688商品列表API与其他数据源对接时，需结合业务场景设计数据流转链路，重点关注数据格式兼容性、接口调用频率控制及数据一致性维护。以下是具体对接思路及关键技术点： 一、核心对接场景与目标商品数据同步场景：将1688商品信息…...

编程新知 2025/11/30 16:55:32

【Web 进阶篇】优雅的接口设计：统一响应、全局异常处理与参数校验

系列回顾： 在上一篇中，我们成功地为应用集成了数据库，并使用 Spring Data JPA 实现了基本的 CRUD API。我们的应用现在能“记忆”数据了！但是，如果你仔细审视那些 API，会发现它们还很“粗糙”：有…...

编程新知 2025/11/25 4:57:19

04-初识css

一、css样式引入 1.1.内部样式 <div style"width: 100px;"></div>1.2.外部样式 1.2.1.外部样式1 <style>.aa {width: 100px;} </style> <div class"aa"></div>1.2.2.外部样式2 <!-- rel内表面引入的是style样…...

编程新知 2025/12/9 4:36:55