关键词：
1、安装react-router-dom
2、页面上要使用的时候要引入
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom'
3、使用的时候要在外层包一个<Router>
4、param
在路径上如果带有/:id类似这种的，要取值的时候，match.params.id取值
5、重定向（Redirects）
<Redirect to={{ pathname: '/yuer/index' }}/>
6、通过match可以获得相应的参数值
7、URL的查询字符串（/test?id=111）
使用this.props.location.query.id获取
8、NavLink
用于设置导航链接
（1）可以通过直接设置样式来设置
（2）可以通过控制class来设置
9、返回上一页
this.props.history.goBack();
10、指定跳转页面
this.props.history.push(" ")
react-router学习笔记
前言： 本文为个人学习react-router的总结。包括路由基础配置，跳转，权限管理，组件与路由配置的关系，代码分割。欢迎交流指导。一、路由基础 1.路由配置 &显示路由组件的view（类比angular的ui-view） 路由配... 查看详情
react-router学习笔记
前言： 本文为个人学习react-router的总结。包括路由基础配置，跳转，权限管理，组件与路由配置的关系，代码分割。欢迎交流指导。一、路由基础 1.路由配置 &显示路由组件的view（类比angular的ui-view） 路由配... 查看详情
react-router学习笔记(代码片段)
前端路由路由这个概念最早出现在后端，通过⽤户请求的url导航到具体的html⻚⾯。现在的前端路由不同于传统路由，它不需要服务器解析，⽽是可以通过hash函数或者historyAPI来实现。在前端开发中，可以使⽤路由... 查看详情
react-router学习笔记(代码片段)
...9;。1、查看源码姿势1.1代码仓库https://github.com/ReactTraining/react-router2.2包说明react-router公共基础包react-router-dom在浏览器中使⽤，依赖react-routerreact-router-native在react-native中使用，依赖react-router2.3源码位置react-router源码位置rea... 查看详情
react-router4.0history报错
react-router更新到了4.0，很多API已经不一样了。history被纳入了react-router-dom文件下的HashRouter、BrowserRouter等。使用4.0版到react-router网站了解下新API，或者仍想按原来方式，可以安装旧版的react-router。这两天准备用react写个新项目... 查看详情
react-router4.0踩到的坑
接手的项目需要二次开发，项目是使用的react+react-router4.0+antd+redux来开发的，由于之前用的是react-router2.0，react-router2.0和4.0之间变化还是挺多的，在这里记录一下踩到遇到的问题1.dom组件不再在react-router中引入，而是在react-router-d... 查看详情
react-router4.0的初探
react-router升级4.0以后出现了 ‘react-router-dom‘引入时要import{BrowserRouter,Route}from ‘react-router-dom‘;<Providerstore={store}key="provider"><BrowserRouterhistory={history}onUpdate={()=> 查看详情
react-router4.0升级攻略
react-router4.0出来好9了，项目在4月份的时候对react-router进行了升级，升级耗费了3天，一个坑一个坑踩了过来。 按照公司项目情况说下升级改了哪些，项目使用的是hashHistory，（BrowserHistory的情况就不清... 查看详情
react漫漫学习路之reactrouter
...地添加视图和数据流，同时保持页面与URL间的同步。目前react-router最新版本已经到4.0+，因为新的版本是一次非常大的改动，所以这里直接讨论4.0以上版本。引用react-router //ReactRouter核心react-router-dom //用于DOM... 查看详情
react-router@4.0使用和源码解析
...发中的react应用，想要引入更好的管理路由功能。那么，react-router是你最好的选择~react-router版本现今已经到4.0.0了，而上一个稳定版本还是2.8.1。相信我，如果你的项目中已经在使用react-router之前的版本，那一定要慎重的更新，... 查看详情
工业4.0资产管理壳学习笔记(代码片段)
何谓资产？ 工业4.0的观点下，资产是任何“对组织具有价值的对象（objectwhichhasavalueforanorganization）”。因此，工业4.0中的资产几乎可以采取任何形式，例如生产系统，产品，软件安装，知... 查看详情
工业4.0资产管理壳学习笔记(代码片段)
何谓资产？ 工业4.0的观点下，资产是任何“对组织具有价值的对象（objectwhichhasavalueforanorganization）”。因此，工业4.0中的资产几乎可以采取任何形式，例如生产系统，产品，软件安装，知... 查看详情
工业4.0管理壳学习笔记-应用场景与架构
资产管理壳（AAS）是工业4.0的重要概念，AAS本质上是将物理设备（所谓资产）加上了一个数字化模型的“壳”，实现资产的信息交换。AAS将硬件设备转换成为一种服务（service），可... 查看详情
工业4.0资产管理壳学习笔记-应用场景与架构
资产管理壳（AAS）是工业4.0的重要概念，AAS本质上是将物理设备（所谓资产）加上了一个数字化模型的“壳”，实现资产的信息交换。AAS将硬件设备转换成为一种服务（service），可... 查看详情
工业4.0管理壳学习笔记-数字铭牌
每一台机器都有一个铭牌，铭牌中表明了机器的名称，型号，出厂日期，产品编号，制造日期等信息。。在数字化世界中，机器铭牌不仅要求人类可读，而且需要机器可读。人们开始对数字... 查看详情
react-router 4.0、react-router-dom 和 react-router-redux 有啥区别？
】react-router4.0、react-router-dom和react-router-redux有啥区别？【英文标题】：Whatisdifferencebetweenreact-router4.0,react-router-domandreact-router-redux?react-router4.0、react-router-dom和react-router-redux有什么区别？【发布时间】：2017-08-2808:30 查看详情
工业4.0资产管理壳学习笔记（4）opcua构建资产管理壳
工业4.0的管理壳AAS包括了所有技术信息，它们可以通过AASXPackageExplorer软件打包成为一个XXXX.AASX文件，这个文件可以存储在数据库中，也在网络上传递。AAS模型中的信息包括了两个部分： 设计过程中使用的... 查看详情
工业4.0资产管理壳学习笔记（5）模型中的语义，概念和字典
模型是真实事物的简单描述。一段描述模型的语言指向的哪一个真实事物。这就是这一段文字的语义（semantic）。在计算机建模中，一个模型具有确定的语义十分重要。 我们知道，人类的自... 查看详情