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」頁面