路由的定义及作用 根组件根据客户端不同的请求网址显示时，要卸载上一个组件，再挂载下一个组件，如果手动操作话将是一个巨大麻烦。具体过程如下图： 【react router】可以让根组件动态的去挂载不同的其他组件。（根据用户访问的地址动态的加载不同的组件） 一、路由使用步骤 【官网文档入口】：https ...
分类：
其他好文 时间：
2019-11-19 10:32:28
阅读次数：
65
https://reacttraining.com/react-router/web/guides/quick-start https://react-guide.github.io/react-router-cn/ ...
分类：
其他好文 时间：
2019-11-14 15:22:49
阅读次数：
76
先下载路由 1 npm install react-router-dom --save-dev 然后新建两个页面 component1.js 1 import React from 'react'; 2 3 class Component1 extends React.Component{ 4 re ...
分类：
其他好文 时间：
2019-11-13 16:19:14
阅读次数：
65
vue全家桶：vue + vuex (状态管理) + vue-router (路由) + vue-resource +axios +elementui react全家桶 ： react + redux(状态管理) +react-router(路由) + axios + antd || antd-mo ...
分类：
其他好文 时间：
2019-11-09 22:08:13
阅读次数：
88
1、基础介绍 本文采用的模块之家的实例项目为模板，采用react+react-router-dom+redux+axios+antd+js-cookie+less等技术栈来实现。 本文假设你对react已经有基本了解。 react官方文档 react-router官方文档2、创建项目 create- ...
分类：
其他好文 时间：
2019-11-09 21:25:55
阅读次数：
69
react-loadable 最近在学习react，之前做的一个项目首屏加载速度很慢，便搜集了一些优化方法，react-loadable这个库是我在研究路由组件按需加载的过程中发现的，其实react-router v4官方也有code splitting的相关实践，但是在现在的webpack 3.0 ...
分类：
其他好文 时间：
2019-11-05 00:58:46
阅读次数：
206
一、基础插件安装，less文件加载配置 安装所需插件 安装react-router、axios 安装antd 暴露webpack配置文件 安装less-loader 修改less-loader 二、项目主要结构开发 三、菜单组件开发 四、头部组件开发 五、底部组件开发 ...
分类：
其他好文 时间：
2019-11-01 18:31:38
阅读次数：
90
摘要 基于react的框架开发一个顶部固定滑动式的酷炫导航栏，当导航栏置顶时，导航栏沉浸在背景图片里；当鼠标滑动滚轮时，导航栏固定滑动并展示下拉样式。 HTML部分 相关技术栈：react、antd、react-router。详细的技术栈应用请参考官方文档的使用说明。 * 展示主页App.jsx组件 ...
分类：
其他好文 时间：
2019-10-26 23:24:07
阅读次数：
173
1、组件 2、路由器组件 HashRouter不带#号 3、什么是路由组件？ 由路由地址对应的组件，叫做路由组件 ...
分类：
其他好文 时间：
2019-10-23 12:00:33
阅读次数：
80
React Router中的组件主要有三类: routers, 路由，例如<BrowserRouter> 、 <HashRouter> route matchers,路由匹配 如 <Route> 、<Switch> navigation,导航，如 <Link>、 <NavLink>、<Redirec ...
分类：
其他好文 时间：
2019-10-15 21:07:45
阅读次数：
86
