react-router 4.0版本使用笔记
Posted 日记本的回忆
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-router 4.0版本使用笔记相关的知识,希望对你有一定的参考价值。
react-router 4变化还是挺大的,看网上很多人遇到问题,都是基本用法的改变,所以这里记录一下。
http://www.jianshu.com/p/d6727e8d81c4
1.react-router 4.0升级不少内容,详细可看官网
https://reacttraining.com/react-router/web/api/Route/Route-render-methods
2.安装所必须要的包:
npm install --save-dev react-router
npm install --save-dev react-router-dom
所有安装成功的包都可以在package.js里面查看版本。
3.基本引用:(原Router变为HashRouter,具体组件的配置 参数参考官网)
4.react-router 4.0 对于接受参数采用 { this.props.match.params.id }
如下例子:<Route path="list/:id"></Router>
<Link to="list/123456"></Link>
获取参数值的方式是:{ this.props.match.params.id }
以上是关于react-router 4.0版本使用笔记的主要内容,如果未能解决你的问题,请参考以下文章