React-Router

React-Router v5文档翻译之测试

本项目Github地址,欢迎star目录ReactRouter依赖React上下文来工作。这会影响您如何测试使用我们组件的组件。如果你对应用渲染的或者组件进行单元测试，那么你会得到一些有关上下文的错误和警告信息。虽然你可能会找出自己的路由上下文的内容，我们推荐你将你的单元测试包裹在或者中。代码如下:classSidebarextendsComponent{//...render(){return(
Harlan_Zhang·2019-06-12 14:34

dva 结合webpack4 改写动态加载

首先，dva依赖与react-router，所以最初的想法是采用react-router结合webpack4
Goman·2019-06-12 00:00

react-router 使用

本次使用react-router版本为5.0.1本教程前提是你的应用程序是一个web应用程序，使用’react-router-dom‘包来实现页面的路由在Reactrouter中有三种类型的组件，一是路由组件第二种是路径匹配组件第三种是导航组件
曹飞龙·2019-06-08 00:00

React-从0到1搭建一个React项目（二）

相关文章：React-从0到1搭建一个React项目（一）react路由react-router基本已成为react
Huang-Lin·2019-06-05 15:30

模块化react-router配置方法详解

react-router模块化配置因为公司的需要最近踏进了react坑，一直在挖坑填坑，在路由这一块折腾得不行。
PageSU·2019-06-03 10:44

【译】在 React 中处理状态的替代方法：URL

然而，依我拙见，我们使用URL和react-router也可以做同样的事情。URL的胜利（FTW）在单页面应用中，URL并不重要。大多数情况下，它只是一个请求所有资源的站点。当你访问http
joking_zhang·2019-06-02 00:00

模块化react-router配置

react-router模块化配置因为公司的需要最近踏进了react坑，一直在挖坑填坑，在路由这一块折腾得不行。
yuefengsu·2019-06-02 00:00

web history分析

在react-router使用过程中好奇其单页是如何不刷新页面的if(canUseHistory){globalHistory.pushState({key,state},null,href);//html5
笔芯er·2019-06-01 13:51

web history分析

在react-router使用过程中好奇其单页是如何不刷新页面的if(canUseHistory){globalHistory.pushState({key,state},null,href);//html5
笔芯er·2019-06-01 13:51

dva 学习笔记--model中的数据流

dva集成了redux、redux-saga、react-router等，实现了对react的进一步封装，是简化了API，优化了项目结构的轻量级框架。
3081fbc5a473·2019-05-16 17:24

react-typescript-redux-router入门

示例是使用antd组件库作测试的，有react-router和redux穿插，项目比较基本效果如图创建项目>npxcreate-react-appreact-typescript-demo--typescript
zhangqh·2019-05-15 00:00

Guide-2019-05-09-React Router 4.x官方文档翻译-基本组件

react-router中有三类组件：路由组件（routercomponents）路由匹配组件（routematchingcomponents）导航组件（navigationcomponents.）上面三类组件都需要从
自律财富自由·2019-05-13 15:58

详解关于React-Router4.0跳转不置顶解决方案

在使用react-router时会遇到奇怪的问题，比如当我们从首页进入详情页的时候，首页跳转到详情页，首页滚动的位置，进入到详情页的时候也会被记录下来，原因是由于共享了同一个history，所以对记录有所保留
BlazeXue·2019-05-10 11:55

react-router中的exact和strict

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

react离开页面，自定义弹框拦截，路由拦截

用react-router的组件是可以的，但是，怎么使用antd组件（或者说自定义组件）呢？
小进进·2019-05-08 00:00

React-Router实现原理，解决了什么问题？

React-Router解决了什么问题？首先，它搭配React组件，可以组织React组件结构代码，授权路由的控制。应该展示什么样的组件，通过React-Router去匹配它。
xiyou·2019-05-02 00:00

详解如何给React-Router添加路由页面切换时的过渡动画

PS:本篇文章使用的React-Router版本为react-router-dom:^5.0.0(兼容4.x)使用过Vue2的同学们应该都知道这个内置组件，它可以帮我们添加过渡动画，之前一直用它来给Vue-Router
LoneYin·2019-04-25 14:10

React 项目控制 Android 返回键进行页面跳转

需求最近开发React项目中遇到了这么一个需求比如项目中有页面A、页面B、页面C、页面D，前端使用react-router进行正常路由跳转，路由为：A->B->C->D。
VioletJack·2019-04-25 11:51

React-router 嵌套路由传值(render和children)

小栗子：例如：我们的路由格式如下:letrouter=[{path:'/',component:Rhome,exact:true,},{path:'/user',component:User,routes:[//嵌套路由{type:Route,path:'/user/',component:Main},{type:Route,path:'/user/info/',component:UserInf
$(薛定谔的喵)·2019-04-16 18:24

一次react-router + react-transition-group实现转场动画的探索

在react项目当中，我们一般都会选用react-router来管理路由，但是react-router却并没有提供相应的转场动画功能，而是非常生硬的直接替换掉组件。一定程度上来说，体验并不是那么友好。
小石头若海·2019-04-14 00:00

深入理解 path-to-regexp.js 及源码分析

阅读目录一：path-to-regexp.js源码分析如下：二：pathToRegexp的方法使用回到顶部一：path-to-regexp.js源码分析如下：我们在vue-router中，react-router
龙恩0707·2019-04-07 10:00

react-router和react-router-dom

react-router还是react-router-dom？
武_b070·2019-04-02 17:08

两行代码让你去创建react项目

最近自己在学习react，可以是create-react-app创建的项目没有react-router，感觉不怎么好用（最要是为自己新建项目的时候偷懒吧），然后自己开发了个脚手架（react+react-router
大疯子的峰·2019-04-02 00:00

记一次 React + Koa + Mysql 构建个人博客

react-router、koa、mysql都是从0开始接触开发的，期间遇到过很多问题，印象最深的是react-router参考官方文档配置的，楞是跑不起来，花费了好几个小时，最后才发现看的文档是v1.0
牧羊人·2019-04-01 00:00

# react-router v4 刷新出现找不到页面(NO FOUND)解决方案

react-routerv4刷新页面出现找不到问题解决方案原因###浏览器被刷新相当于重新请求了服务端的page接口,当后端没有这个接口时,就没有document文档返回,这时url并没有被js观察处理解决如果是使用webpack-dev-server,请将historyApiFallback:true这个配置加入至devServer中.以及在output中配置publicPath:'/'如果是使
zengibm·2019-03-31 00:00

React Router v5发布，更好地支持React 16

关于ReactRouterv5有一个小插曲，其实开发团队原本只是计划发布ReactRouter4.4版本，但由于错误地使用了托字符(^)——将依赖错误地写成"react-router":"^4.3.1"
前端大全·2019-03-24 20:17

React-Router实战：重定向Redirect

一、基础1、引入使用//如果loggedIn为false,则重定向跳转到/home页面import{Route,Redirect}from'react-router'(loggedIn?
我叫白天宇·2019-03-23 18:45

React-Router实战：路由传参（正则表达式）

首先我们先做个路由普通传参的例子。一、准备工作1、目录结构|-index.js|-components|-App=>App.js|-Home=>Home.js|-About=>About.js|-News=>News.js2、源码./index.jsimportReactfrom'react';importReactDOMfrom'react-dom';importAppfrom'./compon
我叫白天宇·2019-03-23 18:30

React-Router实战：NavLink

基础：（1）引入使用：import{NavLink}from'react-router-dom'About（2）activeClassName：string//当被激活时，显示类名为selected的css样式About（3）activeStyle：object//在元素处于活动状态时应用于该元素的样式。about（4）exact:精确匹配//仅当url与NavLink里to的值完全相等时，才应用
我叫白天宇·2019-03-23 17:41

使用React构建精简版本掘金（三）

整理一下详情页用到的一些知识点：redux存储、取值React-router路由跳转传值父子组件传值实现过程左侧部分主要包含点赞数量显示、评论数量、收藏按钮，分享链接等。
rocky191·2019-03-22 00:00

React-Router实战：基本路由、路由传参、嵌套路由

安装>npminstall-gcreate-react-app>create-react-appdemo-app>cddemo-app>npminstallreact-router-dom一、基本路由（Dome1）1、目录及组件关系图目录结构：组件关系：2、源码./index.jsimportReactfrom'react';importReactDOMfrom'react-dom';import
我叫白天宇·2019-03-17 17:27

react withRouter

高阶组件中的withRouter,作用是将一个组件包裹进Route里面,然后react-router的三个对象history,location,match就会被放进这个组件的props属性中.
Veycn·2019-03-17 17:33

React-Router v4.0 hashRouter使用js跳转

下面是v4.0的React-Router中hashRouter以js方式跳转的实现步骤。v4.0剥离了history，所以要操作history，需要安装支持包：npminstallhistory
慕城蓝就·2019-03-16 11:00

React总结篇之十一_多页面应用

单页应用的目标实现多页面路由的React-Router库多页面的代码分片一、单页应用使用传统的多页面实现方式，即每次页面切换都是一次网页刷新，每次页面切换的时候都遵从以下的步骤：（1）浏览器的地址栏发生变化指向新的
cylcyl647308·2019-03-15 14:31

React路由的使用和页面的跳转

React-Router的中文文档可以参照如下链接：http://react-guide.github.io/react-router-cn/docs/Introduction.html我们删去src目录下的所有文件
吴高亮·2019-03-15 10:08

dva 与 redux-saga应用

为了简化开发流程,另外内置React-Router与Redux。如何使用?
罗皮·2019-03-14 14:13

react-router4路由分包加载，webpack4 + react16 + react-router4 + babel7包版本匹配

react-router4版本使用官方提供的@babel/plugin-syntax-dynamic-import+loadable-components，地址https://reacttraining.com/react-router
cookysurongbin·2019-03-12 15:59

react-router4路由分包加载，webpack4 + react16 + react-router4 + babel7包版本匹配

react-router4版本使用官方提供的@babel/plugin-syntax-dynamic-import+loadable-components，地址https://reacttraining.com/react-router
cookysurongbin·2019-03-12 15:59

一个基于material-ui+react+koa2+mongoose的个人博客系统

项目地址:https://github.com/2fps/blooog前端前端是基于react的，用到了react-router和redux。
2FPS·2019-03-10 00:00

React-router BrowerRouter 刷新404 Apache服务器解决办法

1.找到etc/apache2/sites-availables/000-defautl.conf配置文件2.添加以下配置...OptionsIndexesFollowSymLinksAllowOverrideallRequireallgranted3.重新apache服务器4在项目文件根目录下，添加.htaccess文件，加入如下规则RewriteEngineOnRewriteBase/Rewr
ZoeLee·2019-03-09 00:00

react-router路由地址变了页面却没有跳转的解决办法

最近，自己在摸索react的时候，遇到一个很奇葩的问题，大概是这样的：我从列表页使用Link跳转到详情页面，列表页面的路由是'/list'，详情页面的路由是'/list/detail'，由于详情页面的路由里边也包含了'/list'，所以在点击列表页面要去详情页时，地址栏里的地址变了，可详情页面却在列表页面里边直接加载出来了，导致俩页面成为一个页面了，这在我写vue的时候从来就不会出现的问题，怎么到
小坏先生·2019-03-08 16:00

react-router-dom4.x withRouter用法及函数式路由跳转

作用：将react-router的history、location、match三个对象传入props对象默认情况下必须是经过路由匹配渲染的组件才存在this.props，才拥有路由参数，才能使用函数跳转的写法
金刚腿·2019-03-07 10:33

React路由

React路由的实现需要安装react-router或react-router-dom。
盖伦_2985·2019-03-04 12:22

React 刷新404问题

react-router因为前端路由更容易确定问题，更方便分析，而且对于react-router更熟悉，所以首先去查询react-router路由库相关配置信息，发现文档中提到了使用browserHistory
江湖人称_赫大侠·2019-02-28 15:31

简单粗暴的react路由

我要的是简单粗暴的路由习惯了vue-router路由的用法，再用react-router总感觉挺麻烦的。
bug不是我的错·2019-02-27 00:00

react路由

Routersand//RouteMatchingandcomponentrenderchildren//Navigationand参考reactrouterhttps://reacttraining.com/react-router
书简_yu·2019-02-26 23:00

React Router教程

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
IT老马·2019-02-25 18:54

React Router教程

ReactRouter教程React项目的可用的路由库是React-Router,当然这也是官方支持的。
IT老马·2019-02-25 18:54

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

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

219. 单页应用 会话管理(session、cookie、jwt)

原文链接：https://github.com/ly525/blog...关键字：http-only,cookie,sessionid,vue-router,react-router,安全，localStorage
小小鲁班·2019-02-20 00:00
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他