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

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

文章目录

            • 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可以用于解决一些路径错误相关的问题
http://www.lryc.cn/news/112203.html

相关文章:

  • 机器学习常用Python库安装
  • HTTP 劫持、DNS 劫持与 XSS
  • bash引用-Quoting详细介绍
  • powershell几句话设置环境变量
  • Javascript 数据结构[入门]
  • IO(JavaEE初阶系列8)
  • React Native 样式表的基础知识
  • 【JS 解构赋值】
  • Vue3状态管理库Pinia——自定义持久化插件
  • il汇编整数相加
  • RabbitMQ 事务
  • vue前端 让年月日 加上23:59:59
  • 【雕爷学编程】Arduino动手做(186)---WeMos ESP32开发板8
  • STM32--综述
  • Linux学习之sed、awk和vim的差异
  • MacOS上配置docker国内镜像仓库地址
  • 全志F1C200S嵌入式驱动开发(soc系统集成)
  • React路由5版本
  • 6.4.3 1x1卷积层
  • [CKA]考试之检查可用节点数量
  • 备考错题知识点总结
  • 初识Flask:Python轻量级Web框架入门教程
  • 【BASH】回顾与知识点梳理(七)
  • Python实现对IP网段的快速检测
  • 伪操作、C和汇编、ATPCS协议
  • OPENCV C++(五)滤波函数+sobel边缘检测+人脸磨皮mask
  • 20天突破英语四级高频词汇——第②天
  • 【Python 学习】第一个python案例
  • 【C#学习笔记】值类型(2)
  • 【设计模式】-建造者模式