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

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部分换成state或者props？

Answer 1

随便写 Var link= "detail/" + this.props.id;

详情

Answer 2

:blogId 是参数，不是查询。

您可以像这样简单地在 link 标签中设置您的参数：

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

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

How to refer state in link on react-router

javascript

reactjs

react-router