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

说说React Router有几种模式?实现原理?

一、是什么

在单页应用中,一个web项目只有一个html页面,一旦页面加载完成之后,就不用因为用户的操作而进行页面的重新加载或者跳转,其特性如下:

  • 改变 url 且不让浏览器像服务器发送请求
  • 在不刷新页面的前提下动态改变浏览器地址栏中的URL地址

其中主要分成了两种模式:

  • hash 模式:在url后面加上#,如http://127.0.0.1:5500/home/#/page1
  • history 模式:允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录

二、使用

React Router对应的hash模式和history模式对应的组件为:

  • HashRouter
  • BrowserRouter

这两个组件的使用都十分的简单,作为最顶层组件包裹其他组件,如下所示

// 1.import { BrowserRouter as Router } from "react-router-dom";
// 2.import { HashRouter as Router } from "react-router-dom&#

http://www.lryc.cn/news/229389.html

相关文章:

  • laravel5+版本aes128加解密
  • Spark的转换算子和操作算子
  • 传奇手游天花板赤月【盛世遮天】【可做底版】服务端+自主授权+详细教程
  • TP触摸屏调试
  • 11-13 spring整合web
  • 基于C#开发的任天堂 Switch 开源模拟器
  • 做一个Sprngboot文件上传-阿里云
  • k8s ----对外暴露
  • 每日一题(LeetCode)----数组--长度最小的子数组
  • TCP与UDP
  • js实现对象数组去重
  • 2023 极术通讯-安谋科技发布“山海”S20F安全解决方案,持续加码智能汽车“芯”赛道
  • GRPC学习
  • c++ latch 使用详解
  • linux 下正确使用cp命令复制目录
  • CTF----Web真零基础入门
  • css实现元素四周阴影
  • 《QT从基础到进阶·二十五》界面假死处理
  • 卷积神经网络(1)
  • Mysql中名叫infomaiton_schema的数据库是什么东西?
  • Django(复习篇)
  • MySQL里对时间的加减操作及常用语法
  • 『MySQL快速上手』-⑨-复合查询
  • 高并发架构设计(三大利器:缓存、限流和降级)
  • ElasticSearch7.x - HTTP 操作 - 文档操作
  • [数据结构大作业]HBU 河北大学校园导航
  • 立体库堆垛机控制程序手动功能实现
  • git commit提交报错
  • OpenSIPS自定义统计项目
  • python数据结构与算法-02_数组和列表