Link - 路由跳转
基本使用
注意: Link标签应该写在HashRouter或BrowserRouter之间
传递动态路径参数
和vue匹配规则一致,都是:param.在获取参数的时,使用this.props.match.params.id 获取即可
传递查询参数
注意: 这个查询参数并没有自动的转换为对象,需要你手动的处理;可以使用 quertstring 模块
路由跳转时to的值可以为一个对象
既可以传递动态路径参数也可以传递查询参数
this.props.history–编程式路由
在通过 Route 标签渲染的组件中,可以使用this.props.history 实现编程式路由。
在One组件中实现了编程式路由
push方法的参数可以为一个对象
this.props.history.push({pathname: '/three})
同时传递动态路径参数和查询参数:
this.props.history.push({pathname: '/three666?name=zs&sex=man'})
动态路径参数:666
查询参数:name=zs&sex=man
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。