React-Router

一、react入门

当然学习react只学习react.js是不够的，还要学习他的衍生物，如react-router,redux等等，他们组合在一起被称作为react全家桶或者技术栈。
liquan_醴泉·2019-02-14 22:46

React-关于withRouter

react-router提供了一个withRouter组件withRouter可以包装任何自定义组件，将react-router的history,location,match三个对象传入.无需一级级传递
池存祥·2019-02-14 16:26

手挽手带你学React之React-router4.x的使用

为什么要用React-router我们开发的时候，不可能所有的东西都展示
蒋吉兆·2019-02-14 14:28

react-router实现类似vue-router路由守卫

react-router没有vue-router的beforeEach钩子函数，可以使用react-router-config这个库去实现权限控制。
Canton_jack·2019-02-13 11:37

React-Router 杂记

三种Router的区别1.HashRouter:即对应url中的hash值，如xx.com/#/a、xx.com/#/a/b，服务器对任务url都返回同一个url，具体的路径由浏览器区分，因为浏览器不会发送hash后面的值给服务器。2.BrowserRouter：如果是BrowseRouter即url变成这样，xx.com/a、xx.com/a/b，所以要对服务器配置不同的url返回不同的资源。3
菜的黑人牙膏·2019-02-12 00:00

前端路由跳转基本原理

它们都有自己的典型路由解决方案，@angular/router、react-router、vue-router。
SHERlocked93·2019-01-31 00:00

关于react-router-dom的一些记录

1、HashRouter和BrowserRouterreact-router-dom依赖于react-router，主要用于浏览器环境下的开发。
webhmy·2019-01-22 10:00

react-router与react-router-dom使用时的区别

1、React-router与React-router-dom的API对比React-router：提供了router的核心api。
小时光不期而遇·2019-01-21 17:00

干货react-coat，React+Redux微框架,支持typescript,支持SPA单页和SSR

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

2018大厂高级前端面试题汇总

阿里使用过的koa2中间件koa-body原理介绍自己写过的中间件有没有涉及到Cluster介绍pm2master挂了的话pm2怎么处理如何和MySQL进行通信React声明周期及自己的理解如何配置React-Router
一叶之秋♪·2019-01-07 17:00

关于React动态加载路由处理的相关问题

引入必要的依赖importReactfrom'react'import{Router,Route,IndexRoute,hashHistory}from'react-router'接下来创建一个component
王振宁·2019-01-07 14:57

react-router

项目基于官方脚手架create-react-app构建项目npxcreate-react-appreact-router-learn&&cdreact-router-learn&&npmireact-router-dom&&npmstartnpx官网1.路由容器react-router-dom提供和(更适合静态资源)路由器2.路由匹配组件由和组成2.1用于匹配path的属性值的路由，不匹配时将为n
流年_d245·2019-01-03 16:09

react-router

项目基于官方脚手架create-react-app构建项目npxcreate-react-appreact-router-learn&&cdreact-router-learn&&npmireact-router-dom&&npmstartnpx官网1.路由容器react-router-dom提供和(更适合静态资源)路由器2.路由匹配组件由和组成2.1用于匹配path的属性值的路由，不匹配时将为n
流年_d245·2019-01-03 16:09

react-router4.x和react-router-dom Link组件只有路由变化页面不能跳转

关于react-router和react-router-dom的Link标签使用时只有路由跳转，没有页面跳转的问题：是因为在配置路由的时候，所有从首页跳转到其他页路由配置，需要在首页路由之前：不跳转constRoutes
如故·2018-12-26 23:33

关于react路由传参跳转后刷新页面参数消失

在antd项目的开发中使用的路由是react-Router的路由，在使用是经常出现刷新当前页面后参数消失导致显示错误的问题：解决办法：1.最开始我的解决办法是将参数放在search参数先，然后通过截取地址栏来获取
百岁如流富贵冷灰·2018-12-18 19:35

react 前端项目技术选型、开发工具、周边生态

react前端项目技术选型、开发工具、周边生态声明：这不是一篇介绍React基础知识的文章，需要熟悉React相关知识主架构：react,react-router,redux,redux-thunk,redux-saga
senntyou·2018-12-17 00:00

从无到有-在create-react-app基础上接入react-router、redux-saga

搭建项目框架新建项目执行如下代码，用create-react-app来建立项目的基础框架，然后安装需要用到的依赖。$npxcreate-react-appmy-test-project$cdmy-test-project$yarnaddreact-router-domreact-reduxprop-typesreduxredux-saga$yarnstart完成后，应用启动在localhost的3
detectiveHLH·2018-12-16 22:00

从无到有-在create-react-app基础上接入react-router、redux-saga

搭建项目框架新建项目执行如下代码，用create-react-app来建立项目的基础框架，然后安装需要用到的依赖。$npxcreate-react-appmy-test-project$cdmy-test-project$yarnaddreact-router-domreact-reduxprop-typesreduxredux-saga$yarnstart完成后，应用启动在localhost的3
detectiveHLH·2018-12-16 00:00

DvaJS

Dva是基于redux、redux-saga和react-router的轻量级前端框架及最佳实践沉淀。
chs007chs·2018-12-08 14:55

React-router中如何优雅地传复杂的参数

原文链接：https://segmentfault.com/a/1190000017265880在使用react-router的时候，当我们需要传递一个参数时，我们都会在路由中这样定义：这样子我们就能传递
weixin_34413357·2018-12-05 14:07

React-router中如何优雅地传复杂的参数

在使用react-router的时候，当我们需要传递一个参数时，我们都会在路由中这样定义：这样子我们就能传递id参数了。
雪舞·2018-12-05 00:00

看完React文档后，重写了下CnodeJS社区，感觉看上去还不错

紧接着就动手写此项目（大概花了3天的业余时间完成）在此期间根据需要，看了React-Router文档，了解了Redux的实现原理（但本项目并没有用Redux）（歪个楼：“我相信任何复杂技术背后的原
林水溶·2018-12-04 00:00

react-router 路由切换动画的实现示例

路由切换动画因为项目的需求，需要在路由切换的时候，加入一些比较zb的视觉效果，所以研究了一下。把这些学习的过程记录下来，以便以后回顾。同时也希望这些内容能够帮助一些跟我一样的菜鸟，让他们少走些坑。可能我对代码的表述不是很到位，希望大家不要介意。机智的你们一定可以看明白。参考内容：react路由动画react-routerSwitch组件react动画插件1.插件依赖使用的插件是react-tran
darcrand·2018-12-03 09:06

react-router 路由切换动画

路由切换动画参考内容：react路由动画react-routerSwitch组件react动画插件1.插件依赖使用的插件是react-transition-group。先简单介绍一下动画插件的使用方式。CSSTransition这个组件有两个比较主要的属性：key和in。in:Boolean属性其实可以理解为是否显示当前内容节点。true则显示，false则不显示。key:String这个属性是配
darcrand·2018-12-02 00:00

2018-11-27 构建一个react,redux,react-router的框架

2.因为要跟redux和react-router结合使用，所以要安装
折梅踏雪·2018-11-27 14:40

electron + react + react-router + mobx + webpack 搭建脚手架工程

项目地址：https://github.com/ConardLi/electron-reactelectron-reactelectron+react+react-router+mobx+webpack搭建的脚手架工程像开发reactweb项目一样开发electron项目路径与命名main//主进程menu//菜单render//渲染进程component//组件config//配置public/
ConardLi·2018-11-24 00:00

react-router: 2.X版本的react-router的相关配置

AppRouter.jsimportReact,{Component}from'react';import{Router,Route,useRouterHistory,IndexRoute,IndexRedirect}from'react-router
白白白·2018-11-24 00:00

大厂面试题，需填坑

阿里使用过的koa2中间件koa-body原理介绍自己写过的中间件有没有涉及到Cluster介绍pm2master挂了的话pm2怎么处理如何和MySQL进行通信React声明周期及自己的理解如何配置React-Router
电子猫·2018-11-12 14:00

使用react-router的setRouteLeaveHook的钩子函数

setRouteLeaveHook是react-router离开页面的钩子函数使用方法如下：componentDidMount(){this.props.router.setRouteLeaveHook
里渭水塘十强选手·2018-11-09 17:50

react-router v4 路由规则解析

前言react-router升级到4之后，跟前面版本比有了很大的差别。
潇湘待雨·2018-11-09 17:00

阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”

需求：首页链接点击跳转二级页面错误实现：引入路由模块，使用Link跳转（如最下面的那张图）因为之前没有接触过react，飞冰也是新用。所以某度了很久，react路由跳转，react官方文档，各种文章，未果。飞冰创建的路由配置文件也跟大部分react路由文件写法不太一致，所以我找的很吃力。最后查看了package.json文件发现了问题所在，飞冰构建的react项目使用的是第四代的路由模块，reac
Yogurt-jw·2018-10-30 12:35

React中使用create-react-app命令创建一个项目，运行npm run eject报错解决

搭建后台模板使用create-react-app创建前端项目,并启动项目create-react-appreact-ant-admin-frontcdreact-ant-admin-frontnpmstart引入react-router
Amanda_wmy·2018-10-25 13:59

【前端面试题】2018 各大公司最近面试题

各大公司最近面试题阿里使用过的koa2中间件koa-body原理介绍自己写过的中间件有没有涉及到Cluster介绍pm2master挂了的话pm2怎么处理如何和MySQL进行通信React声明周期及自己的理解如何配置React-Router
starkwang·2018-10-25 00:00

react-router4.x 按需加载的实现方式

第一种create-react-app文档给的react-router按需加载实现：创建一个异步组件AsyncComponentimportReactfrom'react';exportdefaultfunction
_花·2018-10-24 14:12

react-router-dom 实现左侧导航

1、介绍react-router-domhttps://reacttraining.com/react-router/web/example/basic这个官网有很多栗子可以练手1.1HashRouter
weixin_34277853·2018-10-06 20:00

深入理解react-router 路由的实现原理

本文从两个方便来解析react-router实现原理。一：介绍react-router的依赖库history；二：使用history库，实现一个简单的react-router路由。
segment_jjy·2018-09-26 10:45

react-router 路由的实现原理

本文从两个方便来解析react-router实现原理。一：介绍react-router的依赖库history；二：使用history库，实现一个简单的react-router路由。
segment_jjy·2018-09-25 00:00

React-Router 获取路由参数

慢慢整理哈！componentWillMount(){letvisitor=this.props.location.search;visitor=visitor.split('=')[1];this.setState({visitor:visitor});}参考：https://blog.csdn.net/qq20004604/article/details/79440416
CrystalAngelLee·2018-09-18 14:17

react-router与react-router-dom

一、路由的跳转1.在react-router中在router4.0以上版本中直接this.props.history.push('/path')可以进行跳转了或者引入hashHistoryhashHistory.push
MJ小宇宙爆炸·2018-09-17 17:17

前端路由&vue-router部分解读

一些流行框架vue、react都有对应的实现vue-router、react-router等。框架路由的实现都是对原生路由进行了封装。原生路由我们通常采用hash实现或者H5的history实现。
DoubleSRZee·2018-09-15 19:06

react-routerv4版本丢弃IndexRoute

背景最近在倒置react全家桶，自己写了个简单的HelloWorld程序，在使用react-router的IndexRoute时，浏览器报错需求样式默认主页是Home，想通过IndexRoute实现项目相关依赖版本
刘承瑜·2018-09-12 10:59

封装 react-router 实现在新标签页中打开外链

使用react-router提供的Link标签做跳转时，只能传相对路径，也就是只能站内跳转。如果想跳出当前站点，则只能用原生a标签来实现。
Lewis_1993·2018-09-05 15:55

React中的函数子组件(FaCC)和高阶组件(HOC)

比如react-router里面的withRouter就是典型的高阶组件，接受一个组件返回另外一个经过增强后的组件。而react-motion中的Motion就是典型的F
hiluluke·2018-09-04 00:00

react-router-dom 配置以及使用

目前react-router已经更新到4+版本。这里为什么推荐使用react-router-dom，而不使用react-router呢？
Borther-Cola·2018-09-01 23:28

react-router-dom 配置以及使用

目前react-router已经更新到4+版本。这里为什么推荐使用react-router-dom，而不使用react-router呢？
Borther-Cola·2018-09-01 23:28

Router 原理及 React-Router

页面路由（浏览器路由）页面会刷新window.location.href="http://www.baidu.com"history.back()hash路由页面不会刷新，之前做单页应用，使用的传统方法。window.location.hash='#bb365';监听hash的变化：window.onhashchange=function(){console.log("currenthash:"，
bby365·2018-08-29 14:44

React-Router 源码解析

前言本系列将会根据一个简单的项目来学习React-Router源码，要到达的目的有如下：学会使用React-Router在使用的基础上，分析React-Router源码结构可以下载项目源码,并按照如下步骤
weixin_34370347·2018-08-27 01:53

react的好帮手——redux

在react生态中redux和react-router扮演着极为重要的角色，那么今天我们就来聊聊react的得力好帮手redux，从“是什么”“怎么用“为什么”三个方面来揭开它的神秘面纱（非小白可以直接跳至第三部分
learnsilence·2018-08-15 11:37

react-router 4.x

什么时候使用react-router当我们的项目存在多个页面的时候，我们可以使用像标签这样来跳转，但是提供react-router给了我们更好的选择。
RickyLong·2018-08-15 00:00

react笔记15（react-router v4使用）

网上关于react-router的资料参差不齐，很多资料对于一些新手来说不是很友好，这里机智的明哥本着造福全人类的心态整理一份react-routerv4版本的资料（实际上就是网上react-router
机智的老刘明同志·2018-08-11 16:34
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他