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

Question

我使用这样的路由器：

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部分？

Answer 1

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

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

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

Answer 2

只需写出Var link =“detail /”+ this.props.id;

详情