目录 react router依赖基础 history react router是如何实现URL与UI同步 一 react router依赖基础 history history是一个独立的第三方js库,可以用来兼容不同的浏览器、不同环境下对历史记录的管理。具体可以分为以下几类: hashHistor ...
分类:
其他好文 时间:
2019-03-10 17:50:53
阅读次数:
154
import React from 'react'; import { withRouter } from 'react-router-dom'; import { Form, Input, Icon, Checkbox, Row, message } from 'antd'; import { f... ...
分类:
其他好文 时间:
2019-01-31 16:45:48
阅读次数:
387
恢复内容开始 学习React,必须要学习React router 目前 2.x和4.x都可以用,我在项目中直接安装,默认是4.x版本,然后就踩一下。 4.x和2.x的区别(3.x和2.x没有区别,但2.x还在维护) 4.x路由不再是集中式的,路由规则存在于布局和组件之间。 4.x的路由不再需要嵌套来 ...
分类:
其他好文 时间:
2019-01-29 18:34:39
阅读次数:
199
前端解决: '/' 表示把所有的url都发给代理https://api.example.com bypass 表示不需要发给发给代理服务器的条件 如下配置,可以监听https://api.example.com域下的/开头的请求(等效于所有请求),然后判断请求头中accept字段是否包含html,若 ...
分类:
其他好文 时间:
2019-01-25 21:03:12
阅读次数:
756
关于二者的区别 参见:https://github.com/mrdulin/blog/issues/42 直接使用react-router-dom好了,react-router-dom封装了react-router,也依赖react-router-dom BrowserRouter vs HashR ...
分类:
其他好文 时间:
2019-01-25 20:26:37
阅读次数:
500
前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、React Router 4.0核心概念 4.0版本中已不需要路由配置,一切皆组件 react ...
分类:
其他好文 时间:
2019-01-09 23:34:50
阅读次数:
375
react-admin-element,一款基于react的后台管理系统。 那么我们和其他的后台管理系统有什么区别呢? demo地址:点我进入demo演示 github地址:点我进入github 1. cli工具 为了方便下载使用,我们提供了cli工具 npm install create-reac ...
分类:
其他好文 时间:
2019-01-08 10:51:37
阅读次数:
221
1、window.location当前页面地址信息 属性: href url完整地址 hash 路由,#开始的部分 search 查询部分,?开始的url host 主机名及端口号 hostname 主机名 pathname url路径部分 方法: replace() 替换 reload() 重新加 ...
分类:
其他好文 时间:
2018-12-27 18:31:41
阅读次数:
179
1. 在移动端的spa页面中,只要使用到了路由就很有必要使用到状态保存的功能,这样才能保证在页面进行切换的时候,让用户可以看到刚才滑动的地方,让用户的体验更加友好。这儿我找到了 "react router cache route" 这个插件,使用方法直接参考文档。 2. 在使用了这个插件以后,结合着 ...
分类:
其他好文 时间:
2018-12-25 22:20:30
阅读次数:
311
Route 是 React Router中用于配置路由信息的组件,每当有一个组件需要根据 URL 决定是否渲染时,就需要创建一个 Route。 1) path 每个 Route 都需要定义一个 path 属性,path 属性是一个url,当 URL 匹配一个 Route 时,这个 Route 中定义 ...
分类:
其他好文 时间:
2018-12-23 17:55:24
阅读次数:
143