前端小知识：react-router-dom 和 react-router 的区别

最新推荐文章于 2025-08-07 19:01:01 发布
原创 最新推荐文章于 2025-08-07 19:01:01 发布 · 577 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

React Router v4之后，其核心组件和函数被导出，而react-router-dom则专注于DOM相关的组件，如Link(渲染成<a>)和BrowserRouter(与浏览器历史交互)。react-router-dom包含了react-router的所有导出，因此通常使用react-router-dom或react-native就足够了。

React v4以后，react-router 导出所有core组件和函数。react-router-dom导出了dom相关的组件，像Link(which renders an <a>) 和<BrowserRouter> (which interacts with the browser's window.history )。

react-router-dom导出了所有的react-router的导出，所以正常来说使用react-router-dom或者react-native即可。

参考链接：https://github.com/ReactTraining/react-router/issues/4648

React路由react-router-dom
weixin_41105030的博客
04-01 1163
文档分享 react-router react-router-dom Ant Design of React webpack配置React React router和React-router-dom React router React-router提供了一些router的核心api，包括Router, Route, Switch等，但是它没有提供dom操作进行跳转的api。 当我们使用它的时...
精选资源
react-router:react-router 中文文档
04-29
React Router Declarative routing for 文档 Packages 这个存储库是我们使用管理的...react--router的开发由React Training和许多的贡献者完成。 如果您有兴趣了解更多关于React能为您的公司做什么的事情，请联
react-router-dom和react-router的区别
weixin_50367873的博客
07-28 1431
react-router-dom和react-router的区别
react-router和react-router-dom的区别
weixin_30911809的博客
07-29 507
RR4 本次采用单代码仓库模型架构（monorepo），这意味者这个仓库里面有若干相互独立的包，分别是： react-routerReact Router 核心 react-router-dom用于 DOM 绑定的 React Router react-router-native用于 React Native 的 React Router react-router-re...
在React中使用react-router-dom路由
beichen3997的博客
01-17 644
在React中使用react-router-dom路由 使用React构建的单页面应用，要想实现页面间的跳转，首先想到的就是使用路由。在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-router-dom： npm in...
React Router 和 React Router DOM 的区别
My_wife_QBL的博客
08-05 3050
在现代web开发中，单页应用（SPA）越来越受到欢迎。为了实现页面间的导航和状态管理，React Router成为了最流行的路由库之一。React Router 提供了动态路由的能力，使得开发者可以轻松地在React应用中进行页面导航。React Router有不同的实现版本，其中最常用的是 react-router 和 react-router-dom。虽然这两个库密切相关，但它们在设计目标和使用场景上存在一些显著的区别。本文将详细探讨这两个库的区别，以及它们各自的适用场景。
react-router:react-router-dom的实现
05-24
React Router是React.js生态系统中的一个路由库，它允许我们在单页应用（SPA）中管理页面间的导航和状态。`react-router-dom`是React Router的主要模块，专为浏览器环境设计。在本篇文章中，我们将深入探讨如何使用`...
react_antd:react，react-router-dom @ 4.0，react-redux，antd
05-06
react@16.11.0、redux@4.0.4、react-router-dom@5.1.2, 这是一个react + antd的后台管理系统模版框架,具有响应式动态路由（可根据后台服务器提供列表或者登录验证身份进行修改Menu菜单）。 具备列表表单的增删改查、...
关于react-router/react-router-dom v4 history不能访问问题的解决
11-28
在本文中，我们将深入探讨一个关于`react-router-dom` v4版本中的`history`对象无法访问的问题及其解决方案。 在升级到`react-router-dom` v4后，开发者可能会遇到在子组件中通过`this.props.history`无法获取到`...
精选资源
react-breadcrumbs:React-Router的自动面包屑
05-02
React面包屑 使用组件生成面包屑跟踪（与兼容）。 安装 npm install --save react-breadcrumbs 注意：此版本仅与React-Router v4及更高版本兼容。 如果您需要与React-Router v3及更低版本兼容的版本，请使用 npm ...
React-router、React-router-dom、React-router-native之间的区别
分享前端工程化、动效魔法与性能之舞！
06-15 462
React路由库主要分为三种：1) react-router是核心库，提供基础路由功能；2) react-router-dom针对浏览器环境，支持历史管理和链接组件，适用于SPA开发；3) react-router-native专为ReactNative设计，支持原生导航行为。开发者应根据项目运行环境选择对应库，浏览器应用选-dom，原生应用选-native。三个库都基于核心react-router，但各自扩展了环境特定的功能。
react-router 与 react-router-dom
elsakun的博客
06-15 1589
react-router 与 react-router-dom 通过路由配置匹配URL来执行对应的代码。 react-router 用法 通过<link to= “home” > 和 <route path = " /home" component ={home}>来进行路由的跳转和匹配 例子 在组件中使用this.props.params获取路由传递的参数 import React from 'react' import { Router, Route, Link } from '
react-router 和react-router-dom
wandoumm的博客
11-29 232
基于react-router，加入了在浏览器运行环境下的一些功能，例如Link组件、BrowserRouter和HashRouter组件。:实现了路由的核心功能。
React生态之react-router-dom、react-router
June.1
03-27 549
关于 react-router 4.0以上版本已经不需要路由配置,直接配置使用组件。 react-router :提供了一些router的核心Api , 包括Router、Route 、Switch 等 react-router-dom 提供了BrowserRouter、HashRouter、Route、 Link、NavLink、Router、Route 、Switch 等 所以WEB端直...
React-route-dom和React-route
Jiuqianqi的博客
06-23 423
React-router和React-router-dom 目标 单页面应用 单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。 单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。 因此，对单页应用来说模块化的开发和设计显得相当重要。 单页面应用的优缺点： 优点：
react基础（jsx，组件，react-dom，react-router-dom，red ux，脚手架安装+新旧生命周期+通信...）
lwg112233的博客
10-25 670
概念： react 是目前最流行的框架;其中是采用 mvvm 的思想，让我们把所有的只关注视图层和逻辑层 react 的创始人：Facebook； js 的创始人：布兰登 艾奇； react由：(jsx，组件，react-dom)，和他的全家桶技术（react-router-dom，redux） jsx：用于将jsx转化js语法 react-router-dom：路由 react-dom：虚拟dom redux：管理数...
react-router与react-router-dom使用时的区别
weixin_38886539的博客
12-24 314
react-router与react-router-dom使用时的区别 1、React-router与React-router-dom的API对比 React-router：提供了router的核心api。如Router、Route、Switch等，但没有提供有关dom操作进行路由跳转的api； React-router-dom：提供了BrowserRouter、Route、Link等api，可以...
react-router/react-router-dom
最新发布
qq_24428851的博客
08-07 980
最近看了react-router 源码，对react-router有了更深的理解，下面写点东西备忘：react-router-dom 是对react-router 的扩展，而两者实现路由跳转的本质依赖于一个history 插件。此history 插件 是对浏览器原生 history 的封装。
react-router和react-router-dom的实现
qq_36297981的博客
07-24 1035
React Router 是完整的 React 路由解决方案 React Router 保持 UI 与 URL 同步。它拥有简单的 API 与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理。今天我们就来大概的看一下这个强大的组件是如何实现的。 react-router为了能实现跨平台的路由解决方案，将react-router分成了三个模块：react-router，react...
扩展React路由器：react-router-ext组件使用指南
资源摘要信息:"react-router-ext是一个简单的React路由器扩展库，允许开发者通过...在实际应用中，开发者应该查看该分支下的文档和示例，以了解如何正确地使用react-router-ext库，并将这些知识应用到自己的项目中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值