千锋教育-做有情怀、有良心、有品质的职业教育机构

加关注领取全套视频

关注千锋学习站小程序
随时随地免费学习课程

北京(总部)

A - N

北京｜大连｜广州｜成都｜杭州｜长沙｜哈尔滨｜合肥｜贵阳｜南京｜济南

O - Z

上海｜深圳｜武汉｜郑州｜西安｜青岛｜重庆｜太原｜沈阳｜南昌

400-811-9990

首页 品质课程 教研师资 校企服务 技术干货行业资讯职场就业面试题问答库 关于千锋

当前位置：首页 > 关于学院 > 技术干货 > html5技术干货 > 正文

react-router底层实现原理

来源：千锋教育

发布时间：2022-12-30 14:23:39

分享

　　顶层Router订阅history，history变化时，Router调用setState将location向下传递，并设置到RouterContext。

　　Route组件匹配context中的location决定是否显示。

　　Switch选择最先匹配到的显示，利用props children。Link组件阻止a标签默认事件，并调用history.push。

　　NavLink通过匹配context中的location决定是否为active状态。

　　Redirect组件匹配context里的location决定是否调用history.push(to)，Switch组件会匹配location和from决定是否发起Redirect。

声明：本站稿件版权均属千锋教育所有，未经许可不得擅自转载。

上一篇

useLayoutEffect和useEffect的区别

下一篇

什么是Promise?

学习资源站

免费全套视频教程
企业实战项目源码
大厂笔试真题题库
行业前瞻发展趋势

千锋动态

更多 >

千锋教育喜获学科网“2023年度新锐突破奖”，展现卓越课程实力千锋教育重磅发布鸿蒙生态应用开发学习路线图千锋教育HarmonyOS极速入门训练营圆满结营！关于举办2024年技术赋能教学—全国高校“双师型”IT骨干教师寒假高级研修班的通知 “我的青春在千锋——2023“千锋杯”短视频大赛“获奖名单公布千锋正式成立鸿蒙生态教研院，强力助推学员就业！千锋郑州分校2023年冬季IT专场招聘会高效促就业！千锋教育2023冬季招聘会安排官宣 | 千锋教育重磅推出鸿蒙生态开发就业班千锋教育杭州校区助推职业教育发展,许然校长寄语未来

最新问答资讯

更多 >

unity用什么编程语言?unity学习难度大吗 python容易学吗?学好python有什么好处? html是什么语言?html学习难吗? c语言难学吗?c语言学好要多久? ui设计主要学什么内容?自学ui设计难度大吗? 学好平面设计要多久?报速成班靠谱吗? 抖音小店怎么直播带货?从哪儿学靠谱? 抖音如何隐藏关注的人?抖音小店怎么运营? 前端技术有哪些? 计算机前端和后端区别，到底该学哪一个?

相关推荐

vue配置跨域怎么操作 Vue配置跨域的操作非常简单。在Vue项目中，我们可以通过配置webpack来实现跨域请求。在Vue项目的根目录下找到config文件夹，然后打开index.js文件。在该文件中，我们可以找到一个名为

npm包管理工具有什么用途？ npm（NodePackageManager）是JavaScript生态系统中最常用的包管理工具。它是随同Node.js安装的，默认包含在Node.js的安装包中。npm允许开发者轻松地安装、更新、卸

vue事件修饰符有哪些？在Vue.js中，事件修饰符是一种用于修改事件触发行为的特殊修饰符。以下是常用的事件修饰符：1.`.stop`：阻止事件继续传播，即阻止事件冒泡。2.`.prevent`：阻止事件默认行为。3.`.c

vue路由守卫有哪些？在Vue.js中，路由守卫是一种用于控制导航的机制，它允许您在路由切换前后执行相应的操作。VueRouter提供了三种类型的路由守卫：1.全局前置守卫(GlobalBeforeGuards):-`be

css绝对定位和相对定位 CSS中的绝对定位（absolutepositioning）和相对定位（relativepositioning）是用于控制元素在页面布局中的位置的两种常见定位方式。1.绝对定位（absolutepos

npm安装less用法介绍 npm（NodePackageManager）是Node.js的包管理器，它允许您安装、管理和共享JavaScript模块。要安装和使用Less（一种CSS预处理器），您可以按照以下步骤进行操作：1.

- 千锋学习资源站 -

免费全套视频教程大厂笔试真题题库企业实战项目源码行业前瞻发展趋势

Hello ~

限时学习福利
一键扫码领取

申请线下免费试学

提交领取