react-router路由传值
2017-11-23 15:19
537 查看
定义路由:
<Route path='/user/:data' component={UserPage}></Route>
使用:
var data = {id:3,name:sam,age:36}; data = JSON.stringify(data); var path = `/user/${data}`;
跳转
<Link to={path}>用户</Link> hashHistory.push(path);
获取数据:
var data = JSON.parse(this.props.params.data); var {id,name,age} = data;
相关文章推荐
- React-router(8)Link 标签 to 属性为对象时(路由信息传值)
- react-router 学习笔记之Link带参数传值
- react-router 4.x(路由)
- react-router4基于react-router-config的路由拆分与按需加载
- react路由的使用方法以及通过路由如何传参传递私有属性--【基于最新版本的react-router-dom(4.2.2)】
- 试着用React写项目-利用react-router解决跳转路由等问题(一)
- 基于 Webpack 2 的 React Router 懒加载路由配置
- react-router v4 使用 history 控制路由跳转
- react-router4.x 实用例子(路由过渡动画、代码分割)
- react-router v4如何使用history控制路由跳转详解
- react-router V4 版本不能嵌套路由的问题
- 关于react-router4中路由的配置,传参,跳转,可选参数写法
- react-router路由配置
- 详解react-router4 异步加载路由两种方法
- 试着用React写项目-利用react-router解决跳转路由等问题(一)
- react-router-dom 通过Link传值的坑人表现!
- react-router4 嵌套路由的使用方法
- React第三方组件1(路由管理之Router的使用①简单使用)
- 深入理解 react-router 路由系统
- 深入理解 react-router 路由系统