import React from 'react'; import {Link, withRouter} from 'react-router-dom'; import {Layout, Menu, Icon} from 'antd'; const {SubMenu} = Menu; const {... ...
分类：
其他好文 时间：
2018-04-04 16:44:50
阅读次数：
1576
react router v4 跟 react 一样拆成了两部分，核心的 react router 和依运行环境而定的 react router dom 或 react router native（跟 react dom 和 react native 一样）。本文要说的是浏览器环境，也就是 reac ...
分类：
其他好文 时间：
2018-04-04 12:42:00
阅读次数：
199
[1]Router [2]Route [3]Redirect [4]Link [5]Switch ...
分类：
其他好文 时间：
2018-03-25 15:59:46
阅读次数：
155
spa 单页面router 主要可以基于两种方式实现：修改哈希和直接修改url 1.根据在使用location 修改哈希的时候，页面不会刷新（angular1.x 路由采用） 2.根据h5 pushState 和replaceState 修改url 时，页面不会刷新（react-router、vue ...
分类：
其他好文 时间：
2018-03-24 21:30:15
阅读次数：
199
在 React Router 中有三种类型的组件：路由器组件，路由匹配组件，导航组件。这些组件都来自于 。 路由器 对于每一个 React Router 应用来说，都应该有一个路由器组件，它们会为应用创建一个专用的 对象。针对 Web 项目， 提供了 。 具体使用方式参见 "BrowserRoute ...
分类：
其他好文 时间：
2018-02-28 12:54:56
阅读次数：
115
1、hash的方式 以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示 link的实现 可以从 react router/ Link 中看到，对该组件的点击事 ...
分类：
其他好文 时间：
2018-02-24 23:00:17
阅读次数：
2354
项目升级为react-router4后，就尝试着根据官方文档进行代码分割。https://reacttraining.com/react-router/web/guides/code-splitting 在实际项目中，js,css文件默认通过webpack打包的话会很大，动不动就好几兆。 在实际场景 ...
分类：
Web程序 时间：
2018-02-21 22:20:23
阅读次数：
237
之前自己有在用React来重构之前写过的自己工作室官网，其中有用到React中的核心思想：组件，props，state。还有用Rap的接口来实现前后端交互请求（就是请求团队成员的信息部分）。自己觉得还是实现起来比较简单。 现在呢。学习React不仅要学习官网的一些知识，还要学习一些有关它的技术栈。 ...
分类：
其他好文 时间：
2018-02-16 23:17:19
阅读次数：
200
Link组件用于正常的用户点击跳转，但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢？ 下面是一个表单。 第一种方法是使用browserHistory.push 第二种方法是使用context对象。 ...
分类：
Web程序 时间：
2018-02-12 15:18:06
阅读次数：
181
GitHub地址 预览地址(已增加响应式，可手机预览😄) 依赖模块 项目是用create-react-app创建的，主要还是列出新加的功能依赖包 点击名称可跳转相关网站😄😄 react@15.5.0 react-router@3.0.2(react路由,4.x的差异还是比较大，暂时还是3.x的 ...
分类：
其他好文 时间：
2018-02-10 13:06:21
阅读次数：
284
