2016-04-28 63 views
0

我試圖通過一個響應路由器的多個字符串鏈接到我的目的地。在目標中,我只獲取我發送的第一個字符串,而不是其他字符串。在react-router中傳遞多個參數

<li className='left-nav-link' id='nav-section1'> 
       <Link to={this.props.section1} params={{naturalPersonId: 1, firstName: "foo"}} className={this.props.navSelection==='nav-section1'?activeClass:''} 
        activeClassName={activeClass}>{this.props.nav1}</Link> 
      </li> 

在目標如果我做的console.log(this.props.params)予見:對象{naturalPersonId:1}作爲輸出,不存在的firstName在輸出params.Why會這樣,我錯過了什麼?

+0

表現出更多的代碼,請 –

+0

您已經張貼了這個問題,不到2小時前。 – Chris

回答

0

看來您使用的是舊版本,但我不記得params屬性。無論如何,檢查最新的docs

爲了讓他們在查詢字符串

<li className='left-nav-link' id='nav-section1'> 
      <Link to={ path: this.props.section1, 
        query: {naturalPersonId: 1, firstName: "foo"} } className={this.props.navSelection==='nav-section1'?activeClass:''} 
       activeClassName={activeClass}>{this.props.nav1}</Link> 
     </li> 

或者創建一個匹配<Route>和手動組成<Link>。拋出這樣的問題

0

嘗試此之前請檢查文檔&來源:

<li className='left-nav-link' id='nav-section1'> 
    <Link to={this.props.section1} 
      params={params: {naturalPersonId: 1, firstName: "foo"}} 
      className={this.props.navSelection==='nav-section1'?activeClass:''} 
      activeClassName={activeClass}>{this.props.nav1}</Link> 
</li>