React-router

基于react+react-router+redux+socket.io+koa开发一个聊天室

项目虽不大，但是使用到了react,react-router,redux,socket.io，后端开发使用了koa，算是一个比较综合性的案例，很多概念和技巧在开发的过程中都有所涉及,非常有必要再来巩固一下
weixin_34357887·2020-08-09 00:45

浅谈monorepo

什么是monorepo最近在逛github时，偶然发现react-router这个开源项目的repository目录结构很奇怪。
弹琴弹琴·2020-08-08 10:13

react+antd：配置webpack，支持less及antd更换主题

","react":"^16.8.6","react-app-polyfill":"^1.0.1","react-dev-utils":"^9.0.1","react-dom":"^16.8.6","react-router
xxy阡陌·2020-08-07 22:24

react-router 侧边栏

1.react-router官网地址reacttraining.cn2.代码如下：（第一种实现方式）importReact,{Component}from'react';import{BrowserRouterasRouter,Route,Link,}from'react-router-dom';classSlideBar1extendsComponent{constructor(props){s
tianxia1202·2020-08-06 13:37

基于react-router的单页应用

序现在用react写单页应用基本上都是用react-router做前端路由了吧！最近在使用react-router的过程中遇到了不少问题，在这里总结一下。
threenerd·2020-08-06 13:36

遇到面试vue-router原理

前端三大框架Vue,React,Angular,他们都是单页面应用开发的，所以利用路由的跳转非常有必要的，vue-router,react-router,angular-router都是基于前端路由原理进行封装实现的
凌晨四点半er·2020-08-05 17:30

react看这篇就够了（react+webpack+redux+reactRouter+sass）

本帖将对一下内容进行分享：1、webpack环境搭建；2、如何使用react-router；3、引入sass预编译；4、react性能优化方案；5、redux结合react使用；6、fetch使用；7、
dazu9487·2020-08-05 13:15

react-router 学习笔记之Link带参数传值

1、通过to='xx/xx'直接条状点击2、to=对象，带参数跳转（pathname,query,hash,state(额外数据）），注意:这些参数都被存放到this.props.location中精选3、to=函数，注册到路由跳转事件中，每一次路由变化，都会执行该函数，并经最新的location作为参数，({...location,query:{name:'ryan'}})}>Hello4、不使
Yang_River·2020-08-04 22:27

递归生成嵌套路由(react-router 4.0以下)

functiondescRouter(routes){returnroutes.map((route,i)=>{if(route.routes){return({descRouter(route.routes)});}else{return();}});}参数routes的结构如下：[{path:'/',component:'InterfaceList',routes:[{path:'aaa',c
xinqilela·2020-08-04 22:08

react-router原理之Link跳转

react-router原理之路径匹配一文中讲了react-router如何根据url进行路径匹配进而完成不同的组件渲染。接下来继续讲一下如何改变url。
weixin_34218890·2020-08-04 20:19

react-router 路由三种传值方法

react-router传值方法本文主要介绍react-router的使用方法当我们需要的使用router来传值的时候1、使用props.params传值官方例子使用Reactrouter定义路由时，我们可以给指定一个
weixin_33770878·2020-08-04 20:25

React-router

React优势1、React速度很快：它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在javascript逻辑和实际的DOM之间，性能好。2、跨浏览器兼容：虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。3、一切都是component：代码更加模块化，重用代码更容易，可维护性高。4、单向数据流：Flux是一个用于在JavaScrip
青零羽笙·2020-08-04 17:08

React-router路由基本原理

1.路由基本功能2.react-router的状态机特性3.用户点击了Link组件后路由系统中到底发生了哪些变化4.前端路由如何处理浏览器的前进和后退功能location.hash与hashchangehistory.pushState与popstate1.路由基本功能保证视图和URL的同步,而视图可以看成是资源的一种表现。当用户在页面中进行操作时，应用会在若干个交互状态中切换，路由则可以记录下某
leviscar·2020-08-04 15:45

react路由系列01___ 在react脚手架里使用React-router(简单入门)

一、搭建脚手架环境1、安装node（使用npm）node版本在6以上npm版本在3以上2、安装react脚手架（使用create-react-app工具）npmicreate-react-app-g//脚手架可以简化复杂的配置3、创建项目create-react-app项目名称//创建的项目是基于：Webpack+ES6。如：create-react-appreactrouterdemo4、运行项
田江·2020-08-04 14:33

react-router中使用Link在不同路由之间进行参数传值

import{Link}from'react-router'2.通过Linkto设置路由跳转地址，以及需要传递的参数对象，注意，此处to中所携带的路由和参数也是一个对象。
化风·2020-08-04 14:27

react-router 路由嵌套 以及路由无限循环

App.js:importReact,{Component}from'react';import{BrowserRouterasRouter,Route,Link}from"react-router-dom";import'./App.css';//定义组件的三种方式//1classHomeextendsComponent{render(){return(这里是主页);}}//路由嵌套(和路由变量
guoxiaxing·2020-08-04 14:46

React-router V4中Link组件的坑

初学react，跟着教程码下来，到了页面跳转的时候遇到个坑最开始报错Link组件没找到，如图然后跟着教程里的方法Import{Link}from‘react-router’引入了Link组件，又报错了，
纯血前端攻城狮·2020-08-04 12:26

React 路由状态管理总结

作为React技术体系中的一部分，官方维护的React-Router则是首选的路由库。在应用Redux模式后，React-Router与Redux的配合引发了新的问题，是否需要将路由纳入st
前端大全·2020-08-04 12:39

React路由

React路由路由最基本的职责就是当页面的访问地址与Route上的path匹配时，就渲染出对应的UI界面实现spa应用（单页面应用）：整个项目只有一个完整页面页面切换不会刷新页面，内容局部更新路由插件分类React-Router
LL0^0·2020-08-04 12:25

React Router路由传值的三种方法

Reactrouter定义路由时，我们可以给指定一个path，然后指定通配符可以携带参数到指定的path：首先定义路由到UserPage页面:import{Router,Route,hashHistory}from'react-router
FireBird_one·2020-08-04 12:18

React-router（8）Link 标签 to 属性为对象时（路由信息传值）

8、Link标签to属性为对象时（路由信息传值）DEMO地址参考6.routeInfo.js在组件里，每个组件的路由数据，都是各自独立的。在之前分析中，已知：match属性的值，存储的是该Route标签的路由；location属性的值，其中url和path不同Route组件中，值是相同的；但【2】并不准确，准确的说，自带的hash，search，pathname这三个属性的值，是相同的；假如你在里
qq20004604·2020-08-04 11:56

React-router（11）路由配置

11、路由配置DEMO地址参考9.routeConfigTable.js简单来说，就是有一个对象，如下：constRouteConfig=[{path:'first',component:First,name:'第一个路由',routes:[{path:'1',component:ChildOne,name:'1-1'}]},{path:'second',component:Second,name
qq20004604·2020-08-04 11:56

react路由系列04___路由传值之query

此篇文章是基于react路由系列01___在react脚手架里使用React-router(简单入门)和react路由系列02___二级路由上写的，如果你有路由基础，可以直接看这篇文章，如果没有路由基础
田江·2020-08-04 11:48

react路由系列05___路由传值之state

此篇文章是基于react路由系列01___在react脚手架里使用React-router(简单入门)和react路由系列02___二级路由上写的，如果你有路由基础，可以直接看这篇文章，如果没有路由基础
田江·2020-08-04 11:48

React-router报错Link' is not exported from 'react-router'

问题按照官网示例通过npm安装了react-routernpminstall--savereact-router官网示例中使用react-router的例子中，有这样一句引用import{Router,
奥特蛋_mm·2020-08-04 06:54

react-router-dom简介

react-router-domreact-router-dom文档地址：https://reacttraining.com/react-router/1.安装react-router提供多个包可以单独使用
wallowyou·2020-08-04 03:55

Nginx + React + Gunicorn + Django简单网站搭建

但实验室老师抓我做了点别的东西就一直没来得及更新，直到今天才有大块的时间做一下记录……人生艰难啊……本文也可以看成是我从嵌入式转到前后台全栈的milestone吧（笑下面是目前Demo的样子，只实现的简单的登录+React-Router
Similar_Fair·2020-08-04 01:51

react-router-dom的基本使用

上连接：https://reacttraining.com/react-router/web/guides/quick-start，虽然都是英语但是有谷歌翻译，阻挡不了我们学习的jio步。
我是小卡车呀·2020-08-03 23:02

withRouter的作用和一个简单应用

withRouter的作用和一个简单应用作用：把不是通过路由切换过来的组件中，将react-router的history、location、match三个对象传入props对象上默认情况下必须是经过路由匹配渲染的组件才存在
云端的日子·2020-08-03 22:50

react-router中Switch路由组件的作用

渲染第一个被location匹配到的并且作为子元素的或者使用包裹和直接用一打s有什么区别呢？是唯一的因为它仅仅只会渲染一个路径。相比之下（不使用包裹的情况下），每一个被location匹配到的将都会被渲染。认真思考下面的代码：如果URL是/about,那么，，和将都被渲染，因为它们的path全都被匹配到。设计如此，允许我们通过s以多种方式去构建我们的应用，比如：sidebars和breadcrum
ToSmile·2020-08-03 22:18

react-router与react-router-dom有什么不同？

1、react-router与react-router-dom是干什么的？
ToSmile·2020-08-03 22:46

mockRoute简易实现

react-router每当路由更改的时候都会销毁上一次的组件，内部的状态都会被销毁。
fall_wind·2020-08-03 22:46

React-Router 的 Hooks

5.1版本的React-Router，带来了useHistory，useLocation，useParams，useRouteMatch四个钩子函数。useParams这个函数什么用呢？
ToSmile·2020-08-03 22:46

使用React-Router实现前端路由鉴权

React-Router是React生态里面很重要的一环，现在React的单页应用的路由基本都是前端自己管理的，而不像以前是后端路由，React管理路由的库常用的就是React-Router。
蒋鹏飞·2020-08-03 17:57

react-router-dom的使用（react框架路由）

一、前言截止目前在网上搜索react路由，有react-router和react-router-dom两种，后来研究发现，后者是前者更新升级后的产物。可以用js代码来控制路由的跳转。
看淡江湖·2020-08-03 17:42

react的报错 You should not use ‘Link’ outside a ‘Router’

环境：“react”:“^16.4.0”,“react-dom”:“^16.4.0”,“react-redux”:“^5.0.7”,“react-router”:“^4.3.1”,“react-router-dom
zhooson·2020-08-03 14:59

＜withRouter(Connect(““)) /＞ outside a ＜Router＞ 和 You should not use ＜Switch＞ outside a ＜Router＞ 问题处理

1.问题描述这几天在处理前端的redux,react,react-router,react-router-dom时遇到一个特别坑问题,先上代码路由页面constPages=()=>();exportdefaultPages
仝齾翯郻龏·2020-08-03 10:23

React-路由的使用

react英文版官网:https://reacttraining.com/react-router/一.仿照官网来个小案例(声明式路由)1.安装React路由cnpmi--savereact-router-dom2
庚中·2020-08-03 08:53

react默认路由中的一个bug

今天就介绍一个关于react-router中默认路由的一个bug。
一万零一块·2020-08-03 08:56

React 路由基本配置、传值、编程式路由

在github官网上搜索react-router：一、路由配置安装路由：cnpminstallreact-router-dom--save引入import{BrowserRouterasRouter,Route
柳时镇大尉·2020-08-03 07:52

react-router(React路由配置)！

Reactreact-router(路由)配置react-router(路由)安装环境yarnaddreact-router-domRouter(路由)提供的内置组件import{HashRouter,
陈浩然哦·2020-08-03 07:49

react 路由配置

reacttraining.cn打不开的话直接百度进入链接以下谨记载自己所学4.0版本中已经不需要路由配置文件一切皆为组件可以放在任意组件中配置当然如果配置在文件中本人感觉还是比较清晰的仅代表个人观点react-router
前端阿龙·2020-08-03 07:19

react-router路由配置

React路由传参，路由配置constRouteConfig=[{path:'first',component:First,name:'第一个路由',routes:[{path:'1',component:ChildOne,name:'1-1'}]},{path:'second',component:Second,name:'第二个路由'}]解释：部件是组件;路径是该组件对应的URL;名非必须，这
歪歪100·2020-08-03 07:00

各版本React路由的跳转的方法

前言React-Router已经发布了多个版本，利用路由导航的使用方法都不大一样，在这里总结一下。
weixin_33949359·2020-08-03 06:58

react-router 4.x 关于默认子路由 重定向

当我通过路由跳转到一个拥有多个子路由的页面时，需要跳转到默认显示的子页面。react-router2.x3.x可以通过Route嵌套，但是react-router4之后需要在组件内部设置跳转。于是使用Redirect定义默认跳转页面接下来的问题就是总是报错于是我打印了一下传入的match和location的值，发现，当首次进入父页面时，会打印两次，即先进入父页面，打印一次，然后重定向子页面，又执行
weixin_30325071·2020-08-03 06:29

React路由 react-router4.x的基本配置

/*react路由的配置：1、找到官方文档https://reacttraining.com/react-router/web/example/basic2、安装cnpminstallreact-router-dom
Apple-Wang·2020-08-03 06:34

react-router基本使用

react-router网站http://reacttraining.cn/学习react-router中遇到的问题1.这段代码会存在啥问题呢？
tianxia1202·2020-08-03 05:54

react项目中遇到的bug

1、react-router使用时，在浏览器出错：Attemptedimporterror:'Link'isnotexportedfrom'react-router源代码如下：importReact,{
tangxiujiang·2020-08-03 04:56

React 路由基本配置

react路由的配置1、找到官方文档https://reacttraining.com/react-router/web/example/basic2、安装cnpminstallreact-router-dom
splx2013·2020-08-03 04:45

react-router-dom嵌套路由

因为之前不是专门做react的所以对于react-router的关注也比较少，react-router有多个版本还衍生除了react-router-dom这些新的第三方库（老子学不动了o(╥﹏╥)o）。
养只猫·2020-08-03 03:06
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他