如何通过反应路由器传递额外的参数

Question

我有以下定义的路由，其中​​在slug上渲染一个新组件，并且hole api请求由flux管理。由于API端点需要一个ID，但在同一时间，我想保持塞在我的网址我想从我的研讨会组件某种方式传递的ID：

export default class Root extends Component { 
    static propTypes = { 
     history: PropTypes.object.isRequired 
    } 

    render() { 
     const { history } = this.props; 
     return (
      <Router history={history}> 
       <Route component={App}> 
        <Route component={Layout}> 
         <Route path='/' component={Workshops} /> 
         <Route path='/:slug' component={BookVoucher} /> 
        </Route> 
       </Route> 
      </Router> 
     ); 
    } 

} 

，我要尽量传递给BookVoucher额外从研讨会组件，但我没有任何想法ID我该怎么做

<Link to={ workshop.slug } id ={ workshop.ID } > {workshop.title.rendered }</Link>< 

Answer 1

要传递更多你需要使用查询参数。请参阅文档中的this example。

相关位：

render() { 
    let { slug } = this.props.params 
    let { query } = this.props.location 
    let age = query && query.extraId ? '_default' : '' 
    // ... 
}