react頁面之間的跳轉及傳值
阿新 • • 發佈:2019-02-04
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 };