react页面之间的跳转及传值

最新推荐文章于 2024-07-24 08:58:17 发布

xeenwu

最新推荐文章于 2024-07-24 08:58:17 发布

阅读量3.2w

点赞数 4

分类专栏： react 文章标签： react 跳转传值

本文链接：https://blog.csdn.net/qq_24380167/article/details/52093636

版权

react 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

A页面跳转到B页面，A页面发一个信号给路由router，然后由路由进入B页面，并不是由A直接跳转到B页面

A页面中，触发下面的一段代码,跳转到B页面, bb代表B页面的路由标识

   this.context.router.push({
      pathname: '/bb',
      query: { id: ID,

               name:B,
             },

});

在B页面constructor方法中，实现接收A页面传值的代码即可。

constructor(props, context) {
  super(props, context);
  this.id = ""+ (props.location.query) ? props.location.query.id : null;
  this.name = ""+ (props.location.query) ? props.location.query.name : null;

}
B页面实现下边这个方法才能从其他页面跳转到B页面，这个方法在放在类的外边，放在“export default B”
B.contextTypes = {router:()=> React.PropTypes.func.isRequired };