react-router

react-router学习笔记

前端路由路由这个概念最早出现在后端，通过⽤户请求的url导航到具体的html⻚⾯。现在的前端路由不同于传统路由，它不需要服务器解析，⽽是可以通过hash函数或者historyAPI来实现。在前端开发中，可以使⽤路由设置访问路径，并根据路径与组件的映射关系切换组件的显示这整个过程都是在同⼀个⻚⾯中实现的，不涉及⻚⾯间的跳转，这也就是常说的单⻚应⽤（spa）。React-Router.png1、查看源
好_快·2023-03-23 03:49

React hooks(钩子)

优势简化组件逻辑复用状态逻辑无需使用类组件编写Hook使用规则只在React函数中调用HookReact函数组件中ReactHook中只在最顶层使用Hook本节课目标理解路由和SPA是用来做什么的掌握react-router
lucky_yao·2023-03-20 07:45

DVA框架 todolist

背景dva是一个基于redux和redux-saga的数据流方案，dva还额外内置了react-router和fetch。俗话说，掌握一个框架的基础就是实现一个todolist。
理发师Tony·2023-03-19 11:28

react-router

importReactfrom'react'import{render}from'react-dom'import{browserHistory,Router,Route,IndexRoute}from'react-router'importAppfrom
shelhuang·2023-03-17 09:11

react-router之Route渲染内容的三种方式

react-router之Route渲染内容的三种方式结论:Route渲染优先级:children>component>rendercomponent只有path匹配时，组件才呈现。
低头看云·2023-03-17 05:03

React-router 4.0详解

React-router-domAPI使用HTML5提供的historyAPI(pushState,replaceState和popstate事件)来保持UI和URL的同步。basename:string当前位置的基准URL。如果你的页面部署在服务器的二级（子）目录，你需要将basename设置到此子目录。正确的URL格式是前面有一个前导斜杠，但不能有尾部斜杠。HashRouter使用URL的ha
前端小兵·2023-03-16 19:51

React- router 简单用法

React-router简单用法1.安装依赖npminstallreact-router-dom2.加载依赖import{BrowserRouterasRouter,Route,Link}from"react-router-dom
小黑哥啊哈哈·2023-03-15 23:48

Hash Vs H5 History

前端路由有两种模式：Hash模式H5history模式无论Vue的vue-router还是React的react-router，都是基于这2种模式开发的。
JellyL·2023-03-15 16:04

dva中model的复用

dva是蚂蚁金服开源的一套基于react,redux,redux-saga,react-router技术栈的框架。也可以说是一种开发的解决方案。本文是面对一些对对dva已经很了解的朋友。
TouchMe丶·2023-03-15 13:41

一、umi介绍与文件结构

内置react、react-router等(所以用umi是不用再引入这两个东西了)，umi-plugin-react插件也内置了react-dom，与dva数据流的深入融合umi等于roadhog(基于
谁诉离殇~·2023-03-15 08:51

简易手写react-router(函数式组件)

自己实现一个react-router期望最简单的使用效果exportdefault()=>{return(菜单a菜单b)}Router一般分HashRouter和BrowserHistoryRouter
你的时间非常值钱·2023-03-14 18:58

react-router-dom初探

react-router是路由组件核心，而react-router-dom是在react-router的基础上扩展了dom组件Link、HashRouter等。
养猫的哈士奇_杨柳·2023-03-14 08:25

19320133杨坚

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
杨坚_fec4·2023-03-14 04:07

dva入手指南

firstofall照惯例介绍一下dva是什么dva首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva还额外内置了react-router和fetch，所以也可以理解为一个轻量
hengking·2023-03-13 07:53

React+Redux微框架react-coat，支持typescript,支持SPA单页和SSR服务器渲染

redux-saga，改用原生的async和await来组织和管理effect同时支持SPA(单页应用)和SSR(服务器渲染)、完整的支持客户端与服务端同构react-coat特点集成react、redux、react-router
ks8864·2023-03-12 05:21

react学习（2019/7/30-8/7）

今日总结课上提到的内容1.讲了react要学习的内容提纲react基础，JSX语法，插件react-router路由redux状态管理ant-ui组件库（自己学习）2.基础知识react是什么？
洛音轩·2023-03-11 19:37

React-router

原理：react-router是依赖于第三方js库history。
酷酷的大侠·2023-03-11 09:39

react-router 重新加回跳转拦截功能详解

目录前言事件经过v6之前的版本如何拦截v6.7.0+如何拦截吐槽前言路由的跳转拦截，在一些表单页中尤为常见。场景：用户输入了一些信息后但未提交，为了防止用户误点击某个跳转链接导致所填的表单信息丢失，跳转之前会弹出一个提示，如“信息未提交，请确认是否离开”等字样。事件经过在react-routerv6之前有提供一个组件来拦截路由的跳转。而在v6中却不支持此功能了！社区一片哀嚎，经查在v6实验阶段是有
·2023-03-11 00:54

reactnative之react-navigation和redux实践

RN开发一般都会结合一些处理数据流的插件库，如redux、mobx、dva等，dva基于redux和redux-saga，内置了react-router和fetch；mobx使用简单灵活易上手；而redux
Hozan·2023-03-10 02:54

Dva 与 Ant-Desingn-Pro 入门与实战

为了简化开发流程,另外内置React-Router与Redux。如何使用?
罗彬727·2023-03-09 18:59

React的使用(二)

React-Router路由Router就是React的一个组件，它并不会被渲染，只是一个创建内部路由规则的配置对象，根据匹配的路由地址展现相应的组件。
FE_study·2023-03-09 17:24

React Router的嵌套路由以及遇到的问题

使用步骤如果项目整体都已经搭建好了，只需要安装react-router即可。
随笔记呀·2023-02-06 21:05

react路由

说到react路由我们首先看一下react-router和react-router-dom的区别：1、react-router：提供了router的核心api。
前端浅语·2023-02-05 23:39

react-router

react-router学习笔记学习地址https://github.com/ReactTraining/react-router准备前工作创建一个react项目npminstall-gcreate-react-appyarncreate-react-appantd-democdantd-demo
Biao_349d·2023-02-05 15:44

2020-03-12

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
b2f6105fcfbf·2023-02-03 03:22

React Router 升级到 V4

升级步骤我会参考文档：https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides
码海一生游·2023-02-02 21:14

从零开始，一步一步搭建Typescript+React+Redux项目——集成react-router和axios(三)

本文详细介绍了如何从零开始搭建一个Typescript+React开发的脚手架，包含如何添加Redux以及ReactRouter的环境。本文代码地址：ts-react-redux建议将代码拉下来之后，配合本文一起查看，效果更佳。代码下载命令：gitclonehttps://github.com/vettel-qin/ts-react-redux.git相关文章目录从零开始，一步一步搭建Typesc
vettel_qin·2023-02-01 04:11

2019-05-17

antdpro按需加载、react-router路由\跨域问题....哎自己还真是个小白简单制定一个学习路线吧：1.想到react文档并没有仔细看完，先二刷一遍React官方文档2.学习reac
尼禄祭·2023-01-30 23:58

【前-react】react-router知识点概述+小demo

概述看完本文后你能了解到：（1）Router和route的关系（2）如何通过js和标签控制路由跳转和传递参数（3）history对象push和replace的区别及其他函数的用法（4）location对象里的变量及其获取方法本文参考链接初探ReactRouter4.0，想进一步了解的小伙伴可以移步这里。ReactRouter中文文档没事多逛逛文档也是极好的Router和Routereact-rou
一颗语法糖·2023-01-30 16:36

taro 向新页面传递数据

(这里所说的页面全都指taro的路由页哈，跟浏览器的标签页和react-router的路由页不一样)比如A页面打开B页面，A页面想往B页面，传递大量的数据A页面在跳转之前，先preload数据Taro.preload
王善良_·2023-01-28 12:51

React通过redux缓存列表数据以及滑动位置，回退时恢复页面状态

在使用React和React-router实现单页面应用时，会有这样一个场景：从列表页面点击某项条目进入详情页，然后回退至列表页面时，列表页面会重新刷新，不仅数据重新获取了，滚动条也回到了顶部。
RaoMeng·2023-01-27 14:37

手动实现一个 react-router-dom

引言我们日常中使用react开发项目，那么一定会跟react-rouer打交道，但是由于react路由的设计和用法，使得很多刚使用react的同学在接触到react-router的时候就会很蛋疼，不知道其匹配的机制和原理
Cryptic·2023-01-26 10:28

关于react-router中的Prompt组件使用心得

其实就是一个遮罩层,专门用来显示大图的,但因为是一个APP,所以难免会有用户点开大图后,不用正常的关闭按钮关闭大图遮罩层,而是点击手机的返回键,这样就会造成页面后退,而不仅仅只是关闭遮罩层了,所以在此,我决定使用react-router
·2023-01-19 03:04

React学习31（react-router-dom 6.x版本的使用）

react-router-dom默认是6的版本，以下将具体说明两个版本之间的不同的使用功能如若需要了解react-router-dom@5版本相关的写法，可参考个人博客前期的文章，希望对你有所帮助概述1、react-router
xiaojian044·2023-01-15 20:36

react-router和react-router-dom的实现

react-router为了能实现跨平台的路由解决方案，将react-router分成了三个模块：react-router，react-router-native
当年明月又天涯·2023-01-15 20:35

从零手写react-router

蛮多同学可能会觉得react-router很复杂,说用都还没用明白,还从0实现一个react-router,其实router并不复杂哈,甚至说你看了这篇博客以后,你都会觉得router的核心原理也就那么回事至于
·2023-01-09 10:43

react-router v6新特性总结

由于之前的项目一直使用的是V5版本，最新新建项目的时候，默认使用的是V6版本，根据官方的介绍，V6版本的新特性如下。新特性重命名为；的新特性变更；嵌套路由变得更简单；新钩子useRoutes代替react-router-config；用useNavigate代替useHistory；Link不再支持component属性；NavLink的exact属性替换为end大小减少：从20kb到8kb重命名
·2022-12-26 14:04

React-Router V6 传参，类式组件用ref搭个桥接收。

但是一堆React-Router的问题啊。烦烦烦，这种跨版本的依赖最烦人了。没办法，改这个应该比找编译出错的问题简单吧！那就开始吧。
ATWLee·2022-12-25 13:07

web前端经典react面试题

React-Router的路由有几种模式？React-Router支持使用hash（对应HashRouter）和browser（
·2022-12-19 12:03

从零手写react-router

蛮多同学可能会觉得react-router很复杂,说用都还没用明白,还从0实现一个react-router,其实router并不复杂哈,甚至说你看了这篇博客以后,你都会觉得router的核心原理也就那么回事至于
·2022-12-14 15:56

react-router-dom v6快速上手

ReactRouter6快速上手1.概述ReactRouter以三个不同的包发布到npm上，它们分别为：react-router:路由的核心库，提供了很多的：组件、钩子。
落花雨时·2022-12-10 14:06

2022最新前端常见react面试题合集

Redux内部原理内部怎么实现dispstch一个函数的何为纯函数(purefunction)如何配置React-Router实现路由切换在React中，何为statereact16版本的reconciliation
·2022-11-29 18:42

react-demo项目:使用路由react-router-dom(不使用create-react-app脚手架)

react-router-dom文档：https://github.com/remix-run/react-router/blob/main/docs/start/tutorial.md官网文档查看：https
HaanLen·2022-11-27 12:03

React-Router v6 使用教学

React-Routerv6使用教学前言React-RouterV6出版一段时间，前端的小伙伴们也开始向着v6版本进行升级。v5和v6的版本api有些差异。对此写一篇文档整理了下v6的使用教学，文章已实际使用为主。进入正题：一、RouteRoute的使用变得更加简洁，可读性更高。import{HashRouter,Route,Routes}from"react-router-dom";}/>}/>
航航·2022-11-21 21:09

React技术1-集成react router

很容易盲目的往期走，却忘记了这些基本的操作是如何集成的，本章节会教大家如何集成react-router，后续还
航航·2022-11-21 21:38

react路由v6版本NavLink的两个小坑及解决

目录react路由v6版本NavLink的两个小坑react路由ReactRouter（v6）安装react-router一级路由重定向NavLink高亮useRoutes路由表----嵌套路由路由的params
·2022-11-11 16:34

狗屎一样的React（第八节，React-router 4.0的使用姿势）

这一小节，我们继续前面的代码，开始添加react-router。通过在cmd小黑窗找到之的项目地址，然后npmstart命令启动React项目。
xingyu_qie·2022-11-02 22:37

从零手写react-router

蛮多同学可能会觉得react-router很复杂,说用都还没用明白,还从0实现一个react-router,其实router并不复杂哈,甚至说你看了这篇博客以后,你都会觉得router的核心原理也就那么回事至于
·2022-10-19 11:31

经常被问到的react-router实现原理详解

在单页面应用如日中天发展的过程中，备受关注的少了前端路由。而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的...一大堆为什么，问你头都大前言今天主要讲的是：原生js实现hashRouter原生js实现historyRouterreact-router-dom的BrowserRouterreact-router-dom的HistoryRouter四种路
·2022-10-17 12:27

react-router v6详解

router组件简单介绍使用Navigate组件来进行重定向v6中的Routes相当于v5的switchroute里面也可以嵌套子路由，可以使用Outlet组件来实现类似router-view的效果Route组件里面的index属性,可以在没有匹配到任何子元素的时候显示某个组件,可以用来做默认显示的值，使用index属性时不可以有path属性,如下示例}>}>}>}>react-router-ho
left0ver·2022-10-17 07:41
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他