react页面之间的跳转及传值

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)