react路由带值跳转

原文链接:https://www.jianshu.com/p/7ad7ab2745af

react路由带值跳转

一、params传参

1、在路由配置中以/:的方式评接参数标识

2、在路径后面将参数评接上(/参数)

3、在被跳转页使用this.props.match.params.xxx(此处为id)    接收参数

二、query传参

1、在router文件中配置为正常配置   

2、在跳转时  路径为一个对象{}     其中 pathname为路径  query为一个对象  对象里是携带的参数

3、使用this.props.location.query接收参数

三、state传参

使用this.props.location.state接收参数

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐