如何在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;

詳情