1. 程式人生 > >react頁面之間的跳轉及傳值

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