react-router

DvaJS学习（dva = React-Router + Redux + Redux-saga）

我们来介绍一下，dva出自于暴雪出品的一款游戏《守望先锋》，援引官方的角色介绍：D.Va拥有一部强大的机甲，它具有两台全自动的近距离聚变机炮、可以使机甲飞跃敌人或障碍物的推进器、还有可以抵御来自正面的远程攻击的防御矩阵。然后呢，蚂蚁金服的一位架构师sorrycc很迷这位美女，正巧刚开发了一款前端框架没有名字，作为一个向女神献礼的项目，dva框架就此诞生。我们先看看React没有解决的问题React
Free Joe·2025-06-21 18:10

【React】Dva.js上手入门教程

Dva.js上手入门教程（基于React）一、Dva.js简介Dva.js是一个基于React和Redux的轻量级前端框架，封装了Redux、Redux-saga和React-router，简化了状态管理和数据流的处理
全栈前端老曹·2025-06-21 18:09

【React】路由器 React-Router

安装路由模式路由组件和属性(Link、NavLink、Outlet、Routes、Navigate、element)路由传参(Hook：useParams、useSearchParams)路由跳转（Hook：useNavigate）路由的构建前端路由指的是一种将浏览器URL与特定页面或视图关联起来的技术。在传统的Web开发中，当用户点击链接或者输入URL时，服务器会接收到请求并返回相应的HTML页
Moon里·2025-04-24 12:12

React(八）React-Router

基本使用1.安装：npminstallreact-router-dom2.设置路由模式：HashRouter/BrowserRouterimportReactfrom'react';importReactDOMfrom'react-dom/client';importAppfrom'./App';import{HashRouter}from'react-router-dom';constroot=
太阳花ˉ·2025-04-05 14:17

/node_modules/@types/react-router“‘ has no exported member ‘withRouter‘.

造成原因项目typescript是3.9的版本，@types/react-router依赖也没有固定版本，导致@types/react-router升级以后，采用了3.9不支持的语法，导致报错解决在package.json
Patrick Sun·2025-04-05 14:16

使用vite+react+ts+Ant Design开发后台管理项目（五）

前言本文将引导开发者从零基础开始，运用vite、react、react-router、react-redux、AntDesign、less、tailwindcss、axios等前沿技术栈，构建一个高效、
吕彬-前端·2025-03-24 08:00

React-router 6

1.概述ReactRouter以三个不同的包发布到npm上，它们分别为：react-router:路由的核心库，提供了很多的：组件、钩子。
晓静呐~·2025-03-04 03:15

一个基于 React + SpringBoot 的在线多功能问卷系统（附源码）

简介：一个基于React+SpringBoot的在线多功能问卷系统前端技术栈：React、React-Router、Webpack、Antd、Zustand、Echarts、DnDKit后端技术栈：SpringBoot
程序员-李旭亮·2025-02-28 07:23

[email protected]系列-Redirect组件

很久没有碰前端，最近重新学习react-router，发现版本升级到了4.2.0，使用方法都做出了相应的调整。
kiramario（长期接受兼职机会）·2025-02-23 07:42

React路由 路由传参 路由上下文 组件跳转

二、react-router提供了两种路由模块1.React-Router提供了一些router的核心API，包括Router,Route,Switch等，但是它没有提供DOM操作进行跳转的API。
leehaipei·2024-09-03 02:44

React-Router 安装及使用

安装[email protected]引入核心路由器组件import{BrowserRouter,HashRouter}from'react-router-dom'BrowserRouter:localhost:xxxx/user/liuna服务器可知所有请求细节HashRouter:localhost:xxxx/#/user/liuna使用#瞄点纯前端跳转,服务器不知
书生丶·2024-08-30 15:16

【 React 】对React Router的理解？常用的Router 组件有哪些

1react-router是什么react-router等前端路由的原理大致相同，可以实现无刷新的条件下切换显示不同的页面路由的本质就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，
前端小超人rui·2024-03-12 17:36

react【六】 React-Router

文章目录1、Router1.1路由1.2认识React-Router1.3Link和NavLink1.4Navigate1.5NotFound页面配置1.6路由的嵌套1.7手动路由的跳转1.7.1在函数式组件中使用hook1.7.2在类组件中封装高阶组件1.8动态路由传递参数1.9路由的配置文件以及懒加载1、Router1.1路由1.2认识React-Routernpminstallreact-r
KIKIo_·2024-02-14 06:20

react-router

react-routerReact-router提供了一些router的核心api，包括Router,Route,Switch等，但是它没有提供dom操作进行跳转的api。react-router-domReact-router-dom提供了BrowserRouter,Route,Link等api,我们可以通过dom的事件控制路由。例如点击一个按钮进行跳转，大多数情况下我们是这种情况，所以在开发过
我竟无言以对_1202·2024-02-13 08:57

腾讯地图开发

一、开发环境react全家桶（react，react-router，redux）二、功能定位、省市地图切换、打点、周边搜索腾讯地图三、开发1、加载腾讯地图——利用script标签特性loadMapScript
芒果加奶·2024-02-12 13:14

React-Router完成后台管理系统登陆功能

此文仅通过后台管理系统登陆的demo来讲解React-Router的使用,通过React-Router来实现页面跳转功能安装依赖安装react-router-dom依赖包npminstall--savereact-router-dom
哟西大人1·2024-02-09 07:56

withRouter的作用场景

作用：把不是通过路由切换过来的组件中，将react-router的history、location、match三个对象传入props对象上，例如reactapp.js这个组件一般是首页，不是通过路由跳转过来的
风起时_bb2c·2024-02-07 02:56

React Router 4.0学习

引用react-router还是react-router-dom?只需引用react-router-dom这个包就行了。当然，如果搭配redux，你还需要使用react-router-redux。
lmmy123·2024-02-04 05:45

react利用react-activation实现子路由缓存

/layout.less'import{IRouteComponentProps}from'umi'import{Switch,Route}from'react-router';
QingHan_wow·2024-02-03 08:10

react+antd学习笔记 （1）

2、使用react和antd去完成网站的构建，发现需要使用react-router的配合使用，在最新版本中react-router被拆分成了几部分，主要使用了react-router的react-router-dom
daisy前端小白·2024-02-02 07:42

react-router4相关属性api介绍

react-router非常复杂整体，比vue-router强大很多，好好研究，对你自身能力提高很有帮助1.安装cnpminstallreact-router--save包含reactrouter核心cnpminstallreact-router-dom
cbw100·2024-02-01 23:04

react-router与react-router-dom的区别

import{Swtich,Route,Router,HashHistory,Link}from'react-router-dom';写法2:import{Switch,Route,Router}from'react-router
家有饿犬和聋猫·2024-01-30 18:34

React + React-router + Redux 的前端代码框架

React+React-router+Redux的前端代码框架此前的教程中，分别在介绍React-router和Redux的时候，都介绍了各自的代码文件结构特点。
Eternal丶星空·2024-01-29 07:30

react 路由react-router跳转 / react-router-dom 参数的传递

路由跳转⬅⬅⬅⬅本文主要是路由的传参文档gitHub介绍网址react-router官网react-router中文文档一旦通过Route组件的component属性指明的组件，那么这个路由组件上面就会有路由相关的
web前端 zxp·2024-01-27 03:05

react-router中的exact和strict

前言每次用配置react路由都会考虑是否应该给给组件加上exact或strict。下面妹子将于自认为比较清晰的方式列举出来什么场景需要加和不加。本文案例主要以react-routerv4+为主，v5版本是因为发布时版本依赖有问题而直接跳成这个大版本的,用法和4完全相同，就是这么任性>//子路由，tuanDetail组件里strictstrict默认为false，如果为true时，路由后面有斜杠而u
前端妹子ice·2024-01-24 12:28

React 路由 V5（完整版）

指路径url与不同的页面和内容进行相应匹配，可以友好的解决Component到url之间的同步映射关系二.路由的使用(1).下载react-router指令（指定v5版本）：npminstallreact-router-dom
噢，我明白了·2024-01-19 04:49

react-router中match对象

match对象match是一个匹配路径参数的对象，它有一个属性params，里面的内容就是路径参数，除常用的params属性外，它还有url、path、isExact属性。通过this.props.match.params.id获取了路径的匹配参数。Match的获取方式：在Routecomponent中，组件通过this.props.match获取。在Routerender和Routechildr
fullyouth·2024-01-18 09:43

React-router通俗易懂版

前言：在百度搜了很久，也看了很久，就是遇到情况不知道杂用，so我要去官网撸一遍，等我一会~~区分图ReactRouter4.0不是把所有的router整合到一个文件中，而是分布在各自所需要的地方。1.react-router-domreact-router-dom用于DOM绑定的ReactRouter；react-router-dom包比react-dom多出两个DOM类组件(和)，所以使用的时候
钱罗罗_·2024-01-14 05:22

React07-路由管理器react-router-dom（v6）

react-router是一个流行的用于React应用程序路由的库。它使我们能够轻松定义应用程序的路由，并将它们映射到特定的组件，这样可以很容易地创建复杂的单页面应用，并管理应用程序的不同视图。
晴雪月乔·2024-01-11 21:00

利用 React 高阶组件实现一个面包屑导航

React高阶组件在React生态中使用的非常频繁，比如react-router中的withRouter以及react-redux中connect等许多API都是以这样的方式来实现的。
__Duang__·2024-01-08 11:01

【React系列】react-router

本文来自#React系列教程：https://mp.weixin.qq.com/mp/appmsgalbum?__biz=Mzg5MDAzNzkwNA==&action=getalbum&album_id=1566025152667107329)一.认识react-router1.2.前端路由原理前端路由是如何做到URL和内容进行映射呢？监听URL的改变。URL的hashURL的hash也就是锚点
川峰·2024-01-05 19:23

React路由之react-router-dom

React的路由据笔者所知有react-router，react-router-dom，笔者认为react-router-dom要比react-router好用很多一、装包npminstallreact-router-dom
浮萍逐浪·2024-01-04 15:50

react-router组件介绍以及配置规则

ReactTraining/react-router的github地址：https://reacttraining.com/react-router/相关文档：Viewthedocshere相关组件介绍
wally210·2024-01-04 11:26

react-router 浏览器刷新，页面404

react-router浏览器刷新，页面404http://nphard.me/2016/03/07/nginx-for-react/https://www.thinktxt.com/react/2017
小小爱笑·2024-01-03 21:23

Electron+React 快速搭建一个桌面应用

2、React和react-router在该项目中负责构建单页面应用和路由跳转的实现。3、Antd作为UI
变态的小水瓶·2024-01-03 04:04

React Router-简单原理

以下内容主要参考自深入理解react-router路由系统react-router的实现原理前端路由实现与react-router源码分析react-router怎么实现页面局部刷新和url变化的路由的原理并不复杂
zhulichao·2024-01-01 15:49

react-router-dom

在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。
许小花花·2023-12-30 11:02

【React学习】React路由 v6

react-router-dom：用于浏览器的路由BrowerRouter基于浏览器的historyHashRouter基于地址部分的hash值（路由带“#”）react-router-native：用于原生app的路由react-router
周兴·2023-12-25 15:32

React路由V6技术文档

ReactRouter6快速上手1.概述ReactRouter以三个不同的包发布到npm上，它们分别为：react-router:路由的核心库，提供了很多的：组件、钩子。
十友九·2023-12-25 15:31

React Router

ReactRouter下面未说明的都指的是ReactRouterV4，用到的包是react-router-domReactRouter的特性路由的基本原理就是保证view和url同步，React-Router
陈观齐·2023-12-24 20:29

React-router 4路由嵌套

Index页面代码this.props.history.push('/page')}/>//点击跳转page页面IndexIndex显示结果//底部tabbarIndex路由配置如下现在切换到/index/item显示结果如下：//底部tabbarIndex现在item就可以被嵌套在页面里面了
与你清欢_李·2023-12-22 04:33

useLocation()只能在＜Router＞组件的上下文中使用。

报错信息：useLocation()maybeusedonlyinthecontextofacomponent.解决方法：引入useLocation方式：由import{useLocation}from"react-router
黛玉戴玉逮鱼·2023-12-21 20:41

react-router v6实现动态的title(react-router-dom v6)

前言react-router-domv6默认不支持title设置了，所以需要自己实现一下。属性描述path指定路由的路径，可以是字符串或字符串数组。当应用的URL与指定的路径匹配时，该路由将会被渲染。element指定要渲染的React组件或元素。children代表该路由下的子路由。可以是多个Route组件或者其他React元素。caseSensitive指定路径匹配是否区分大小写，默认为fal
崽崽的谷雨·2023-12-21 14:28

keep-live原理，react-router如何实现keep-alive

3.keep-live原理，react-router如何实现keep-alive先说结论：被keep-alive标签包裹的组件在第一次初始化时（渲染从render开始）会被缓存起来（以vnode的形式）
蓝with黑·2023-12-20 11:03

React-router

目录一、前端路由（改变URL，页面不进行整体刷新的两种方式）1、URL的hash2、HTML5的History二、react-router1、router的两种方式2、路由的示例3、Navigatea、默认展示登录按钮，点击登录按钮后跳转到home页面b、Navigate可以用来重定向4、NotFound页面5、路由的嵌套6、编程式路由跳转a、函数组件的路由跳转b、类组件的路由跳转7、路由传参a、
nknmn_·2023-12-17 18:47

dva的学习总结

dva官网DvaJS）[这是很久之前就打算写的了，一直没时间，一直存着草稿，今天发出来吧]1.介绍dva首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva还额外内置了react-router
fc&&fl·2023-12-06 07:50

MVVM静态路由和动态路由

这里得先说下react-router，如作者所说，是引入了动态路由的概念（相比4.0之前，和其他框架如vue
技术与健康·2023-11-29 03:32

笔记十七、认识React的路由插件react-router-dom和基本使用

react-router分类web使用react-router-domnative使用react-router-nativeanywhere（使用麻烦）react-router安装yarnaddreact-router-dommain.jsximportReactfrom"react
ElendaLee·2023-11-29 00:57

一文学会使用React-Router v6

文章目录基本格式createBrowserRouterTypeDeclarationroutesbasenamefutureandwindow...省略fall上述文本提到`createBrowserRouter`函数的一个特性：在非服务器端渲染应用程序时，当它挂载时会初始化所有匹配的路由加载器。在此期间，你可以提供`fallbackElement`，以向用户显示应用程序正在加载的指示。futur
怡人蝶梦·2023-11-27 08:56

react-router和react-router-dom的区别

转载自：react-router和react-router-dom的区别react-router-v4，我称之为“第四代react-router”，react-router和react-router-dom
小张同学IT·2023-11-27 06:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他