React-router - 如何在onEnter中使用路由参数?

时间:2016-05-13 14:14:39

标签: react-router

我想使用onEnter回调进行提取,但我不知道如何在Route组件中读取URL参数。 我有这条路线

<Route path="book/:bookId" component={BookContainer} onEnter={onBookLoad()}/>

我想使用路径中的bookId作为onBookLoad()的函数参数。有可能吗?

1 个答案:

答案 0 :(得分:21)

没关系,这是微不足道的。

<Route path="book/:bookId" component={BookContainer} onEnter={onBookLoad}/>

export function onBookLoad(nextState) {
 console.log(nextState.params.bookId);
 //do stuff with the param
}