this.props.match

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

• params字段可以獲取路由參數。

路由為：

{ path: "/FriendDetail/ :id/ :index", name: "FriendDetail", component: FriendDetail }

這樣可以根據 id和 index的不同獲取不同的數據，進行渲染。

 

獲取方法：

let id = this.props.match.params.id;

效果如下：

•  history包含了組件可以使用的各種路由系統的方法，常用的有 push 和 replace，兩者都是跳轉頁面，但是 replace 不會引起頁面的刷新，僅僅是改變 url。

使用方法：

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