如何通過反應路由器傳遞額外的參數

我有以下定義的路由，其中在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><

來源

2015-12-14 fefe

的可能的複製[反應路由器 - 通過道具Handler組件（http://stackoverflow.com/questions/27864720/react-router-pass-props-to -handler分量） – imjared

要傳遞更多你需要使用查詢參數。請參閱文檔中的this example。

相關位：

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

來源

2015-12-14 17:51:20 enjoylife

如何通過反應路由器傳遞額外的參數

回答

相關問題