Передача нескольких параметров в реакционном маршрутизаторе

Question

Я пытаюсь передать несколько строк через ответный маршрутизатор. Ссылка на пункт назначения. В пункте назначения я получаю только первую строку, которую я отправляю, а не остальные строки.

<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 это так, что мне не хватает?

Answer 1

Кажется, вы используете старую версию, но я не помню params. В любом случае, проверьте Lastest 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> вручную. Пожалуйста, проверьте документацию & источника, прежде чем выбросить такого рода вопросы

Answer 2

Попробуйте это:

<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>