Question

我正在使用react-js在前端工作。我无法使用react-router将传递的属性“ id”发送给链接。我尝试使用发送。谁能帮我解决这个问题？

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

将prop的链接更改为此：

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

注意反引号（``）

有关模板文字的更多信息，请参见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

无法解析链接中的对象ID

1 个答案: