this.props.match

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

  • params字段能够获取路由参数。

路由为:url

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

使用方法:spa

this.props.history.push('/download'); // 跳转到“/download”页面
相关文章
相关标签/搜索