Не удалось разобрать идентификатор объекта в ссылке

Question

Я работал над внешним интерфейсом с использованием response-js. Я не смог отправить передачу атрибута "id" для связи с помощью activ-router. Я пытался отправить его с помощью. Может кто-нибудь помочь мне решить эту проблему?

NavigationDta = () => {
    return <div>
      <h5>DTA DOMAIN</h5>
        <table > 
          <tr>
             <th>DTA_MNEMONIC</th>
             <th>DTA_DESCRIPTION</th>
             <th>DEFAULT_RESULT_TYPE_DISP_KEY</th>
             <th>ACTIVITY_TYPE_DISP</th>
          </tr>

          { this.state.dta.map(object => <tr>
                                          <td><Link to="/dta/$object.id">{object.DTA_MNEMONIC}</Link></td>
                                          <td>{object.DTA_DESCRIPTION}</td>
                                          <td>{object.DEFAULT_RESULT_TYPE_DISP_KEY}</td>
                                          <td>{object.ACTIVITY_TYPE_DISP}</td>
                                          </tr>)}

        </table>


        </div>
  }

render() {
    return (
      <BrowserRouter>      
      <div>
      {this.NavigationDta()}
      <p className="App-intro">
        <Route path="/dta/:pid" component={() => this.DtaDisplay(this.state.dta)}/>
        <Route path="/rrf" component={this.ReferenceRangeFactorDisplay}/>
      </p>
      <p className="App-intro">
        <Route path="/nomen" component={this.NomenDisplay}/>
      </p>
      </div>
      </BrowserRouter>
    )
  }

Answer 1

изменить ссылку, чтобы поддержать это:

 <td><Link to={`/dta/${object.id}`}>{object.DTA_MNEMONIC}</Link></td>

ПРИМЕЧАНИЕ. НАЗАД (``)

см. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals для получения дополнительной информации о литералах шаблона