this.props.match

this.props.match中包含的是url信息其中

  • params字段可以获取路由参数。

路由为:

{ path: "/FriendDetail/:id/:index", name: "FriendDetail", component: FriendDetail }
这样可以根据idindex的不同获取不同的数据,进行渲染。
 
获取方法:
let id = this.props.match.params.id;
效果如下:
  •  history包含了组件可以使用的各种路由系统的方法,常用的有 pushreplace,两者都是跳转页面,但是 replace 不会引起页面的刷新,仅仅是改变 url。

使用方法:

this.props.history.push('/download'); // 跳转到“/download”页面

 

 

 

 

 

posted @ 2019-08-06 18:13  Embrace_LY  阅读(1114)  评论(0编辑  收藏  举报