React-router

React开发后台管理系统

1.基础插件安装，less文件加载配置安装基础插件安装React-Router、Axiosyarnaddreact-router-domaxiosless-loader（router是4.0版本）安装antdyarnaddantd
艾维·吕·2019-08-27 15:00

React入门：从项目搭建(webpack)到引入路由(react-router)和状态管理(react-redux/saga)

一、什么是ReactReact是什么？React的官网是这样介绍的：React-用于构建用户界面的JavaScript库。看起来十分简洁，React仅仅是想提供一个构建用户界面的工具，也就是只关心UI层面，不关心数据层面，数据层面的东西交给专门的人(react-redux)来做。所以有些人会说React就是一个ui框架。React认为渲染逻辑本质上与其他UI逻辑内在耦合，比如，在UI中需要绑定处理
搁浅·2019-08-27 00:00

react-router刷新页面Cannot GET 问题

最近在做项目的时候遇到了如下错误并在控制台看到了如下的报错我先是按照控制台的错误搜索，得出的结果都是对meta头部进行设置，允许资源请求，但是问题依然没有解决，偶然间改变了想法，会不会是路由的问题呢，一搜还真是，这是因为没有历史记录添加HashRouter即可import{HashRouter}from'react-router-dom';{/**/}{/**/}最终url会被打上#，问题解决，说
c_y_yuan·2019-08-25 09:00

nginx 适配react-router browserRoute 路由问题

nginx适配react-routerbrowserRoute路由问题绝对能用的一篇nginx配置，文末直接有文件，伸手党直接拿走本文环境比较复杂，首先两层nginx转发，并且访问路径也不是根路径。加上对nginx一知半解，各路搜索一看，全程懵逼。最终没有一个能用的。最后还是靠同事帮助，文档大法结束加班。本文知识点：location优先级，nginx资源文件寻找方式，rewrite重定向问题。lo
shirleyYing·2019-08-23 00:00

React-router 安装,配置,调用,嵌套,传参

react-router:实现了路由的核心功能react-router-dom:基于react-router
关耳Guaner·2019-08-22 16:46

create-react-app-路由基础学习(一)

react-router官方文档学习中…开始倒腾下载react-router-dom这个是基于react-router的页面扩展RN把dom改成native先create一个react项目,然后npmireact-router-dom-S
黑芝麻饺子·2019-08-16 09:41

react hooks+immutable.js仿网易云音乐打造精美webApp

一、技术栈简介前端部分:reactv16.8全家桶(react,react-router):用于构建用户界面的MVVM框架redux:著名JavaSc
YvetteLau·2019-08-16 07:00

React 练习项目，仿简书博客写作平台

Introduction技术栈：react+redux+react-router+express+Nginx练习点：redux连接react-router路由跳转scss样式书写容器组件与展示组件的设计
freedom雲·2019-08-13 17:00

React 练习项目，仿简书博客写作平台

Introduction技术栈：react+redux+react-router+express+Nginx练习点：redux连接react-router路由跳转scss样式书写容器组件与展示组件的设计
freedom雲·2019-08-12 20:25

第1.4章：react-router路由

使用React构建的单页面应用，要想实现页面间的跳转，就要使用路由react-router4完成跳转小案例安装yarnaddreact-router-dom基本操作然后我们新建3个页面，书院首页、课程特色、活动资讯，分别命名为"home"、"info"和"course"。新建3个页面info/index.js在页面中编写如下代码：（余下俩个页面类似）importReact,{Component}f
赵羽珩·2019-07-25 14:14

React学习之React-Router V4实战

ReactRouter4是一组导航组件，在你的React应用程序中提供声明性路由。在这个教程中，将通过一个实际的例子来介绍ReactRouter4是怎样使用的。在几乎每个应用程序的体系结构中，路由都是极其重要的。应用程序越大，路由功能就越复杂，从简单到深度嵌套的路由场景。在React构建的应用程序中，ReactRouter是最受欢迎使用最普遍的路由库，随着你的应用程序不断变大变复杂，那就需要多个视
darkCode·2019-07-23 00:00

React-Router v5文档翻译之基础组件

本项目Github地址,欢迎star目录ReactRouter包含三种类型的组件：路由组件，路由匹配组件，导航组件。在你使用这些组件前，都必须从react-router-dom导入她们。import{BrowserRouter,Route,Link}from"react-router-dom";路由组件任何一个拥有路由跳转功能都React应用都核心都必须是一个路由组件。对于Web项目来说，reac
Harlan_Zhang·2019-07-22 11:45

React-Router的理解与实现

前端两种路由方案无hash通过h5的pushState、replaceState、go、forward、back配合onpopstate来处理。注意pushState无法进入popstate事件。pushState兼容到ie10。pushState是如何处理路由的？是实现一个onpushstate事件，然后重写pushstate方法，在每次调用pushState的时候该事件。有hash传统方式，改
吴晗君·2019-07-20 17:12

DvaJS构建配置React项目与使用

DvaJS构建配置React项目与使用一,介绍与需求分析1.1,介绍dva首先是一个基于redux和redux-saga的数据流方案，然后为了简化开发体验，dva还额外内置了react-router和fetch
jackson影琪·2019-07-20 14:00

vue-router路由懒加载和react-router路由懒加载

vue-router路由懒加载懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。懒加载的意义：像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出现长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用
JSN___不像码农的码农·2019-07-17 16:26

react-router与react-router-dom区别

import{Switch,Route,Router}from'react-router';import{Swtich,Route,BrowserRouter,HashHistory,Link}from'react-router-dom
SailingBytes·2019-07-17 12:49

【图文并茂】React中路由的使用

相信很多刚学react的朋友都会和我一样，在使用react来创建路由的时候，发现官网上写的是import***from'react-router';然后百度看了很多博客文章，发现是import***from'react-router-dom
李大雷·2019-07-17 00:00

react+antd导航菜单，刷新后选中状态

withRouter}from'react-router-dom';exportdefaultwithRouter(LayerSider);withRouter的作用：把不是通过路由切换过来的组件中，将react-router
小野猫子·2019-07-15 14:07

学习笔记(4)-router-babel

文章目录学习笔记(4)react-router实现原理history路由页面跳转实现hash路由页面跳转实现window.location.pathName切换react-router-config使用
LynnWonderLu·2019-07-15 12:45

react-router路由机制

原理无刷新的更改地址栏地址，保证视图和URL的同步。基本原理是H5HistoryAPI。浏览器的历史记录，以栈的形式存储，后进先出，按照栈的规律，必须有的方法：进栈（pushstate）、出栈（popstate）、替换当前的（replacestate）。这里对H5HistoryAPI就不做详细解释了，可以查看这篇文章。实现过程当我们点击了Link组件或者调用了history.push跳转路由时，r
Kevin丶CK·2019-07-11 16:15

react-router v5.x 源码分析和理解 SPA router 的原理

这篇文章主要讲的是分析react-router源码，版本是v5.x，以及SPA路由实现的原理。
hank·2019-07-10 00:00

探究React-Router的本质

此文章，缘起，点击路由标签时，发现在渲染之前的组件，打印日志没有出来，但组件以及渲染了。importReactfrom"react";import{BrowserRouterasRouter,Route,Link}from"react-router-dom";functionParamsExample(){alert("c")return(AccountsNetflixZillowGroupYah
xiyou·2019-07-04 00:00

React学习(二)：React-router学习笔记

React-router学习笔记简单实例create-react-appname创建React脚手架，方便简单应用。设想简单页面，左侧为导航，右侧是网页的头部、内容区域、尾部。
Stella-Chen·2019-07-03 14:38

React路由 | 介绍几种常用的react-router-v5的方法

使用react-router来进行页面跳转是我们学习react的基本功。笔者最近上手react不久，也必然遇到了使用react-router来跳转的几种情景。
qyhyzard·2019-06-23 22:28

React路由 | 介绍几种常用的react-router-v5的方法

使用react-router来进行页面跳转是我们学习react的基本功。笔者最近上手react不久，也必然遇到了使用react-router来跳转的几种情景。
qyhyzard·2019-06-23 22:28

react-router 多路由共用同个组件，切换不刷新

先描述下需求吧。从服务端获取菜单栏要展示的菜单项（如校园公告，乐课网，课程消息，乐答消息，作业消息，...，待办通知），其中校园公告，乐课网和代办通知是一定会有的菜单项（下文称为“常驻嘉宾”），而消息类（如课程消息，乐答消息，作业消息，...）根据运营后台的配置不同而不同（下文称为“本期特邀嘉宾”）。接口返回数据：实现思路：根据type区分不同菜单类型，故可以用type来区分不同路径url。消息类
MingleHDU·2019-06-20 11:53

React教程之react-router路由(create-react-app+webpack+route)

前言继续上一篇文章的延续>https://blog.csdn.net/moshowgame/article/details/91984076官方文档https://react-guide.github.io/react-router
Moshow郑锴·2019-06-19 15:28

react 异常页面500

./500error.png';import{browserHistory}from'react-router';/***[错误处理组件,404/500]*@extendsComponent*/constdvStyle
随风而欲·2019-06-17 18:47

react进阶（二）——react-router基本使用和匹配规则

react-router的安装 在项目根目录运行命令npminstallreact-router-dom/yarnaddreact-router-dom初始化自己的项目 删去初始项目src所有的文件，还原一个干净的
ainuo5213·2019-06-16 11:11

DvaJS

dva是一个基于redux和redux-sage的数据流方案,然后为了简化开发体验,dva还额外内置了react-router和fetch.参考:https://dvajs.com/guide/reduxRedux
chs007chs·2019-06-15 18:07

React框架新闻网站学习过程中遇到的错误总结

npminstall插件名字@1.1.4(版本号)--save或yarnadd插件名字@1.1.4(版本号)--dev2.Error:‘Link’isnotexportedfrom'react-route'解决：‘react-router
lanyouzixingxing·2019-06-13 20:00

react-router 4.0 升级攻略

react-router4.0出来好9了，项目在4月份的时候对react-router进行了升级，升级耗费了3天，一个坑一个坑踩了过来。
Fuohua·2019-06-12 14:06

React-Router v5文档翻译之代码拆分

本项目Github地址,欢迎star目录Web应用一个非常出色的特性就是我们不必下载整个应用就可以使用。你可以认为代码拆分是逐渐递增的加载我们的应用。在这里，我们使用webpack,@babel/plugin-syntax-dynamic-import,和loadable-components来实现。webpack内置了对动态导入的支持;但是，如果你使用Babel（例如，将JSX编译为JavaSc
Harlan_Zhang·2019-06-12 14:19

React-Router v5文档翻译之设计思想

本项目Github地址,欢迎star目录这篇指南是是用来解释ReactRouter使用时的心智模型。我们将其称为“动态路由”，这与你可能更熟悉的“静态路由”完全不同。静态路由如果你使用过Rails，Express，Ember，Angular等框架，那么你已经使用过了静态路由。在这些框架中，当你在进行任何渲染之前，会将路由声明为应用初始化的一部分。ReactRouterpre-v4在大多数情况下也是
Harlan_Zhang·2019-06-12 14:10

React-Router v5文档翻译之快速开始

本项目Github地址,欢迎star目录你需要一个Reactwebapp来添加react-router。
Harlan_Zhang·2019-06-12 14:05

React-Router v5文档翻译之Redux集成

本项目Github地址,欢迎star目录Redux是React生态系统的重要组成部分。我们希望将ReactRouter和Redux尽可能地无缝集成以满足人们想要同时使用她们的需求。阻塞更新通常，ReactRouter和Redux可以很好地协同工作。但有时，应用可能会发生有一个组件在位置更改时不会更新（子路由或点击导航链接不会更新）的情况。如果这种情况发生在以下场景：该组件通过connect()(c
Harlan_Zhang·2019-06-12 14:00

React-Router v5文档翻译之滚动恢复

本项目Github地址,欢迎star目录在早期的ReactRouter版本中，我们为滚动恢复提供了开箱即用的支持，从那时起开发者就一直在使用。希望本文档可以帮助你获取你需要的滚动条和路由的内容。浏览器已经开始使用history.pushState自己处理滚动恢复，这就像她们以前使用普通浏览器导航一样处理滚动恢复。现在这个很酷的特性已经在Chrome中被支持了。因为浏览器开始处理“默认情况”，并且不
Harlan_Zhang·2019-06-12 14:55

React-Router v5文档翻译之服务端渲染

本项目Github地址,欢迎star目录由于服务端是无状态的，所以服务端渲染和客户端渲染并不相同.最基本的就是我们封装app时,使用无状态的来代替,使用来自于服务端的请求url来匹配路由。接下来我们会讨论context属性//client//server(notthecompletestory)当你在客户端渲染,浏览器地址栏会改变状态使我们能看到新的页面,然而在一个静态的服务环境下,我们不能够改变
Harlan_Zhang·2019-06-12 14:49

React-Router v5文档翻译之静态路由

本项目Github地址,欢迎star目录以前版本的ReactRouter使用静态路由来配置应用的路由跳转。这允许在渲染之前检查和匹配路由。由于v4版本我们转移到动态路由组件而不是静态路由配置，一些以前的用例变得不那么明显和棘手。我们现在正在开发一个包来处理静态路由配置和React路由，以继续满足这些用例。她现在正在开发中，但我们很乐意为你尝试并提供帮助。ReactRouterConfig
Harlan_Zhang·2019-06-12 14:45

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
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他