您的位置:首页 > Web前端 > React

react页面之间的跳转及传值

2016-08-02 14:01 465 查看

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 };


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  react 跳转 传值