②react-router4.x使用 路由傳值

react-router 路由傳值分爲 動態路由傳值 和 get傳值 兩種

1、動態路由傳值

配置：

<Route path="/content/:aid" component={Content} />   

對應的動態路由加載的組件裏面獲取傳值

// 在組件中通過這種方式獲取傳來的值
this.props.match.params

 

2、get傳值

配置：

<Link to={`/content/${value.aid}`}>{value.title}</Link>

對應的路由加載的組件裏面獲取傳值

// 通過這種方式獲取傳遞過來的參數，不過需要進行處理
this.props.location.search