JavaScript技巧中react-router实现跳转传值的方法示例
程序员文章站
2022-03-17 15:26:20
...
这篇文章主要给大家介绍了关于react-router实现跳转传值的相关资料,文中给出了详细的示例代码,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
前言
本文主要给大家介绍了关于react-router跳转传值的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍:
react-router跳转传值
1.引入包
import {hashHistory} from ‘React-router'
2.跳转传值
handleClick = (value) => { hashHistory.push({ pathname: 'message/detailMessage', query: { title:value.title, time:value.time, text:value.text }, }) }
3.接收值
console.info(this.props.location.query.title) console.info(this.props.location.query.time) console.info(this.props.location.query.text)
总结
以上就是JavaScript技巧中react-router实现跳转传值的方法示例的详细内容,更多请关注其它相关文章!
推荐阅读
-
js将iframe中控件的值传到主页面控件中的实现方法_javascript技巧
-
react-router实现跳转传值的方法示例
-
react-router实现跳转传值的方法示例
-
JavaScript实现弹出模态窗体并接受传值的方法_javascript技巧
-
JavaScript实现弹出模态窗体并接受传值的方法_javascript技巧
-
JavaScript中去掉数组中的重复值的实现方法_javascript技巧
-
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法_javascript技巧
-
JavaScript中去掉数组中的重复值的实现方法_javascript技巧
-
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法_javascript技巧
-
JavaScript实现在页面间传值的方法_javascript技巧