react-router

初识react + reudx的总结

比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来管理数据，react-router
zl378837964·2018-02-11 11:00

React-Router做路由，打包出来的静态文件丢到Tomcat里路由不生效，刷新页面404两个错误

有些开发er可能会想把做好的react项目，打包出来的静态文件丢到tomcat上测试，然后发现自己的路由怎么不生效了？？页面不进行加载了。第二个就是但是当我们刷新一下浏览器，或者打开一个不存在的页面的时候路由不加载（都是路径惹的祸）首先，看一下自己的本地路径是不是这个样子的：http://localhost:8888/home然而丢到tomcat的webapp下，由于自己新建了文件夹（我的是叫re
Lawliet丶·2018-02-07 17:52

React-router4 使用bundle-loader实现按需加载（code-splitting）

一、参考链接：1.官网：https://reacttraining.com/react-router/web/guides/code-splitting/code-splitting-server-rendering2
Lawliet丶·2018-02-05 17:50

React构建个人博客

个人觉得，想要做好一个项目，往往需要其他库和工具的配合，例如redux管理数据，react-router管理路由等，掌握基本的webpack配置和es6语法，然后想要提高性能，还有配合
waterc·2018-02-05 00:00

从history api看主流框架的路由机制

前端路由库的作用是改变地址栏，支持浏览器前进、后退，并同步路由对应的视图，这里以react-router及其依赖的history库说一下路由机制原文地址前提首先简单介绍一下前端路由机制所依赖的pushState
对对对就是这·2018-02-04 00:00

React Router学习笔记(1)

docs/Introduction.htmlimportReactfrom'react'import{render}from'react-dom'import{Router,Route,Link}from'react-router'constApp
CURRY_zhao·2018-01-25 15:38

react-router4.x 路由权限控制

想必大家在使用react-router的时候，有的组件是需要登录才能访问的（private），有的是开放的（public）现在给大家介绍一下我的实现方式（仅供参考，如有更好的思路，欢迎在评论区回复）1.
天天快乐520·2018-01-17 16:05

开始一个React项目（三）路由基础（v4）

前言react-router针对不同的使用场景衍生了不同的路由包，RN项目用react-router-native，web项目用react-router-dom。
大柚子08·2018-01-14 18:57

谈谈 dva 和 mobx 的使用感受

dva经朋友推荐开始接触dva，从1.x版本开始使用，一直看着它发展到前不久的2.x，我也基于这个工具开发了一套项目模版，它简化了redux的使用，并且在封装了redux-saga和react-router
BingqiChen·2018-01-14 00:00

react-router v4如何使用history控制路由跳转详解

前言距离ReactRouterv4正式发布也已经挺久了，这周把一个React的架子做了升级，之前的路由用的还是v2.7.0版的，所以决定把路由也升级下，正好“尝尝鲜”...江湖传言，目前官方同时维护2.x和4.x两个版本。（�d(｡ꏿ�nꏿ)ﾉﾞ咦，此刻相信机智如我的你也会发现，ReactRouterv3去哪儿了？整丢了？？巴拉出锅了？？？敢不敢给我个完美的解释！？）事实上3.x版本相比于2.x并
Just_do·2018-01-09 08:40

关于react-router/react-router-dom v4 history不能访问问题的解决

前言最近把react-router升级了一下，在使用react-router-dom是，子组件使用this.props.history找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面
zhanglearning·2018-01-08 13:09

React Router 详解

，它保持UI与URL同步，拥有简单的API与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理GitHub访问地址:https://github.com/ReactTraining/react-router
SmallPuddingHappy·2018-01-08 08:26

react学习系列6 react-router 实现异步按需加载模块

如果使用的是react-router，官网文档给出的方案是用webpack的bundle-loader你可能也见过require.ensure。这是webpack的旧式写法，现在已不推荐。
飞凡的陀螺·2018-01-06 20:16

react-router JS 控制路由跳转

第一种方法是使用browserHistory.pushimport{browserHistory}from'react-router'//...handleSubmit(event){event.preventDefault
hi_马后炮·2018-01-04 10:40

从0开始实现 react-router

从0开始实现react-routerreact-router已经经历了好几个版本的大更新。在这里我们打算参照v4.0的设计思想创一个轮子:tiny-routerhistoryapi现代浏览器提供了提供了对history栈中内容的操作的api。重要的有pushState,replaceState。varstateObj={foo:"bar"};history.pushState(stateObj,"
ykforerlang·2018-01-04 00:00

react-router引入Router时报错

1.文件布局routes/index.jsimportReactfrom'react';import{Router,Route,hashHistory}from'react-router';importHomefrom
萝卜-兔子·2017-12-29 15:02

详解react-router 4.0 下服务器如何配合BrowserRouter

react-router作为react框架路由解决方案在react项目中举足轻重。
YZH_chengdu·2017-12-29 10:19

浅谈react-router HashRouter和BrowserRouter的使用

HashRouter//react-router要求只只有一个字节点//router内部的Link和Route会一一匹配，匹配到则加载对应的组件//to和Route的path是一样的（除了/结尾）//比如点击关于我们
落草为寇的海带王·2017-12-29 10:25

react-router browserHistory刷新页面404问题解决方法

webpack-dev-server做本地开发服务器时，正常情况只需要简单使用webpack-dev-server指令启动即可，但是当项目处于以下两种情况时，往往需要有嵌套路由和异步加载路由：我们使用react-router
熊建刚·2017-12-29 09:42

Ant Design of React—第六节

我们推荐使用以下社区已有的优秀实现，与antd形成互补：类型推荐组件路由react-router布局react-blocks拖拽react-dndreact-draggable代码编辑器react-codemirror2
天水一方_sky·2017-12-25 21:41

react中路由和按需加载问题

react中路由和按需加载问题1基本的路由设置react-router可以解决路由问题，只需要添加[基于react-router4.x]yarnaddreact-router-dom然后在index.js
努力的Frank·2017-12-23 04:43

利用react-router实现按需加载、登录验证、刷新组件。。。

我相信用过react一般都用过react-router，那就很有必要说说用react-router实现的一些常用功能了，比如组件按需加载、用户登录验证、刷新当前路由。。。
一探·2017-12-22 00:00

前端知识 | React-Router路由系统

在我们使用react框架开发web应用时，路由系统我们就免不了使用react-router。
海说软件·2017-12-15 11:36

前端知识 | React-Router路由系统

在我们使用react框架开发web应用时，路由系统我们就免不了使用react-router。
SEATELL海说软件·2017-12-15 09:46

Ubuntu下部署NodeJs项目

本文项目采用express为服务端，将指定访问路径指向某个页面的单页应用，内部路由由react-router管理1、将项目除node_modules目录外压缩上传sudoapt-getinstallunzipunzipxxx.zip2
wildtree001·2017-12-07 19:12

react-router4代码分割

react-router4代码分割react-router4官方文档：https://reacttraining.com/react-router/web/guides/code-splitting对于
我只是个NPC·2017-12-07 12:38

react-router实现路由跳转

timg.jpeg1.简介react-router它通过管理URL，实现组件的切换和状态的变化，在开发复杂的应用的时候几乎肯定会用的到。2.怎么用react-router实现路由跳
旧丶时候·2017-12-06 15:01

狗屎一样的React（第七节，前端路由这个玩意）

本来这一节是想按着顺序，从前面的react首页结束，开始说React-router这一节的，但我觉得很又必要大概说一下，我们为什么要使用前端路由，关于前端路由我们所能想到的一些知识点。
小几米·2017-12-06 10:38

React-Router如何进行页面权限管理的方法

本文假设读者了解React和React-Router的相关使用。从传统的Router开始一个传统的路由大概长下边这个样式，这是没有添加任何权限限制的。
seajean·2017-12-06 08:22

React五——React-router

路由[email protected]:[email protected]✔Installed1packages✔Linked23latestversions✔Run0scriptspeerDependenciesWARNINGreact-router@3.0requiresapeerofrea
Cymiran·2017-12-06 00:00

新手理解react-router关键点解析

1为什么需要使用react-router当你写了很多react组件后，想要实现不同组件之间的切换和跳转的时候，react-router就派上用场了。
缺省之名·2017-12-01 22:16

React-Router在单页应用中的简单介绍

在React中使用ReactRouter来构建单页应用一、为什么需要路由在我们使用React来构建单页App的时候，最大的区别是，导航一个页面应用程序并不涉及到一个全新的页面。而是你的整个应用是在同一个页面进行操作的。当你加载网页内容的时候，将会变得有一点困难，困难的部分不是加载内容本身，这相对来说比较容易，而是确保单页应用的行为与用户习惯性的操作行为保存一致，更显著的是，当用户导航使用你的App
darkCode·2017-11-24 00:00

React学习笔记_总结

比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来管理数据，react-router
chenshiying007·2017-11-23 17:44

温习react-router

路由配置1.不使用React-Router的情形importReactfrom'react'import{render}from'react-dom'constAbout=React.createC
fsrookie·2017-11-22 00:00

webpack3+react16+react-router3+react-redux实战项目

本项目用的是react-router3目前react-router已经升级到最新版4.0.0，API发生了较大的变化，路由结构也做了调整，最新版router支持更多强大的功能react-router
hkwBest·2017-11-21 16:15

详解webpack + react + react-router 如何实现懒加载

在Webpack1中主要是由bundle-loader进行懒加载，而Webpack2中引入了类似于SystemJS的System.import语法，首先我们对于System.import的执行流程进行简单阐述：Webpack会在编译过程中扫描代码库时将发现的System.import调用引入的文件及其相关依赖进行单独打包，注意，Webpack会保证这些独立模块及其依赖不会与主应用的包体相冲突。当我
M.M.F·2017-11-20 11:47

react-router v3学习整理

在没有react-router的时候，我们需要对URL进行监听，当URL的hash部分（指的是#后的部分）变化后，根据hash来渲染不同的组件。
_杨溜溜·2017-11-18 00:00

react-router 4.0 格式化文档

html4historyapihtml5historyapi+history.length历史记录条数+history.go(n)n可为正负数任意前进或后退n步+history.back();后退+history.forward();前进+history.pushState(data,title,[url]);*往历史记录堆栈顶部添加一条记录*`data`:onpopstate事件的回调中作为参数
hellcoldby·2017-11-17 11:42

react router项目部署nginx 配置问题

背景：项目中使用了react、react-router开发，在部署到nginx服务器时遇到了以下问题historyhistoryurl样例特点hashhistory/#/user/profile不需要服务器支持
TroyZhang·2017-11-15 00:25

react router项目部署nginx 配置问题

背景：项目中使用了react、react-router开发，在部署到nginx服务器时遇到了以下问题historyhistoryurl样例特点hashhistory/#/user/profile不需要服务器支持
TroyZhang·2017-11-15 00:25

React.js学习笔记(6) router-4全接触 + ( webpack2以上的实现按需加载路由 bundle.js )

(一)react-router-dom安装ReactRouter被拆分成下面几个包：react-router：ReactRouter核心react-router-dom用于DOM绑定的ReactRouter
省局到·2017-11-05 16:13

react的一些使用感悟

比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来管理数据，react-router
风翻火焰·2017-11-03 09:58

关于react组件渲染两次的问题

如果你使用了react-router低于4.x版本中的hashHistory，那么问题就来了，出现这种情况的原因是因为router中进行了一次push和一次pop，所以出现两次渲染，你只需要在shouldComponentUpdate
神才飞扬·2017-10-30 17:55

React-Router动态路由设计最佳实践

写在前面随着单页应用（SPA）概念的日趋火热，React框架在设计和实践中同样也围绕着SPA的概念来打造自己的技术栈体系，其中路由模块便是非常重要的一个组成部分。它承载着应用功能分区，复杂模块组织，数据传递，应用状态维护等诸多功能，如何结合好React框架的技术栈特性来进行路由模块设计就显得尤为重要，本文则以探索React动态路由设计最佳实践作为切入点，分享下在实际项目开发中的心得与体会。为什么需
Abcat·2017-10-29 00:00

react结合redux和react-router开发大型应用实现按需加载（code splitting）

—2019-09-12更新由于react-loadable很久没有更新，webpack(code-spliting)/React.lazy/React.createContext的更新，最近重新整理一个适用于大型项目规范开发中使用的code-spliting的方式：https://blog.csdn.net/fay462298322/article/details/100708357—2017-1
爱死费崇政·2017-10-27 10:10

React 技术栈系列教程

ES6语法：教程Babel：教程React：教程，示例库Webpack：教程React项目脚手架：代码库Flex布局：教程，示例CSSModules：教程，示例库React-Router：教程，示例库Flux
小熊代码加·2017-10-26 10:05

初学react之踩过的坑

虽然只是简单的接触下，但还是碰到不少问题问题1：路由的active状态文档上写的是Link标签里面添加activeClassName或者activeStyle就可以了然后发现添加以后并没有什么卵用最后发现是react-router
刘宇焱·2017-10-25 17:56

详解webpack性能优化――DLL

在通常的打包过程中，你所引用的诸如：jquery、bootstrap、react、react-router、redux、antd、vue、vue-router、vuex等等众多库也会被打包进bundle
Daryl·2017-10-20 10:58

学习React-router 4.x版本

然后发现之前弄的开发移动web的环境过于老旧，于是重新弄了个结合现在最新的相关库的环境，相关文章可以看搭建我的网站的mobile版的开发环境这不，刚弄好开发环境，准备大显身手一番，然而一来就碰壁了，卡在react-router
极客教程·2017-10-20 09:28

react-router 与react-reduct 配合使用时，页面不刷新问题

参考文档：https://reacttraining.com/react-router/core/guides/redux-integration/blocked-updates异常现象点击Linkurl
isaisai·2017-09-25 19:23
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他