码迷,mamicode.com
首页 > 其他好文 > 详细

react-router 4.0版本使用笔记

时间:2017-04-21 14:18:02      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:shu   targe   mat   imageview   router   save   ges   tps   str   

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版本使用笔记

标签:shu   targe   mat   imageview   router   save   ges   tps   str   

原文地址:http://www.cnblogs.com/cocoliu/p/6743330.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!