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

最新推荐文章于 2024-08-05 09:48:06 发布
最新推荐文章于 2024-08-05 09:48:06 发布
阅读量448 收藏
点赞数
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/windfromcn/article/details/117852197
版权

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

走在前端大牛的路上
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-router 与 react-router-dom
elsakun的博客
06-15 1487
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-dom和react-router的区别
weixin_50367873的博客
07-28 1067
react-router-dom和react-router的区别
React Router 和 React Router DOM 的区别
最新发布
My_wife_QBL的博客
08-05 867
在现代web开发中，单页应用（SPA）越来越受到欢迎。为了实现页面间的导航和状态管理，React Router成为了最流行的路由库之一。React Router 提供了动态路由的能力，使得开发者可以轻松地在React应用中进行页面导航。React Router有不同的实现版本，其中最常用的是 react-router 和 react-router-dom。虽然这两个库密切相关，但它们在设计目标和使用场景上存在一些显著的区别。本文将详细探讨这两个库的区别，以及它们各自的适用场景。
react-router和react-router-dom的区别
weixin_30911809的博客
07-29 441
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 578
在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
wandoumm的博客
11-29 151
基于react-router，加入了在浏览器运行环境下的一些功能，例如Link组件、BrowserRouter和HashRouter组件。:实现了路由的核心功能。
react-router:react-router 中文文档
04-29
React Router Declarative routing for 文档 Packages 这个存储库是我们使用管理的...react--router的开发由React Training和许多的贡献者完成。 如果您有兴趣了解更多关于React能为您的公司做什么的事情，请联
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-route-dom和React-route
Jiuqianqi的博客
06-23 349
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 588
概念： react 是目前最流行的框架;其中是采用 mvvm 的思想，让我们把所有的只关注视图层和逻辑层 react 的创始人：Facebook； js 的创始人：布兰登 艾奇； react由：(jsx，组件，react-dom)，和他的全家桶技术（react-router-dom，redux） jsx：用于将jsx转化js语法 react-router-dom：路由 react-dom：虚拟dom redux：管理数...
React路由react-router-dom
weixin_41105030的博客
04-01 1063
文档分享 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生态之react-router-dom、react-router
June.1
03-27 444
关于 react-router 4.0以上版本已经不需要路由配置,直接配置使用组件。 react-router :提供了一些router的核心Api , 包括Router、Route 、Switch 等 react-router-dom 提供了BrowserRouter、HashRouter、Route、 Link、NavLink、Router、Route 、Switch 等 所以WEB端直...
react-router-dom@6-----react-redux
gqlazycats的博客
07-14 201
react-router-dom@6-----react-redux
react-router和react-router-dom区别
nqmysb的博客
01-22 2526
react-router-v4，我称之为“第四代react-router”，react-router和react-router-dom的区别是什么呢？ 为什么有时候我们看到如下的写法： 写法1: import {Swtich, Route, Router, HashHistory, Link} from 'react-router-dom'; 写法2: import {Switch, R...
React 路由总结 react-router-dom6+react-router-dom5
前端开发工程师
10-17 925
现在的前端应用大多都是SPA单页面应用程序，也就是一个HTML页面的应用程序。体验更好，对服务器的压力更小，更受欢迎，为了有效地使用单页面来管理原来多页面的功能，前端路由就此产生了，前端路由能让一个视图或页面导航到另一个视图或页面中。 前端路由是一套映射规整，在React中，是URL路径与组件的对应关系，使用React路由简单来说就是配置路径和组件。
react-router-dom5和react-router-dom6的区别
03-30
React Router DOM 5和React Router DOM 6之间有几个重要的区别： 1. 安装方式：React Router DOM 5使用npm包管理器进行安装，命令为`npm install react-router-dom`。而React Router DOM 6使用yarn进行安装，命令为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值