如何在react-router上的链接中引用状态

时间:2016-03-05 07:13:23

标签: javascript reactjs react-router

我使用这样的路由器:

render((
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Home}/>
      <Route path="/detail/:blogId" component={DetailView}/>
    </Route>
  </Router>
), document.getElementById('app'))

并在blog.js我使用Link

<Link to={{ pathname: "/detail", query: { blogId: this.props.id } }}>Detail</Link>

但它没有用,如何用状态或道具替换:blogId部分?

2 个答案:

答案 0 :(得分:1)

:blogId是一个参数,而不是查询。

您可以在链接标记中设置您的参数,如下所示:

<Link to={'/detail/' + this.props.id}>Detail</Link>

答案 1 :(得分:0)

写一下 Var link =&#34; detail /&#34; + this.props.id;

详细