javascript - 如何从 react-bootstrap-table 上的相关数据对象获取数据

Question

bootstrap-table 模块在我的页面上显示一些数据，我想建立从相关数据到 dataField 值的链接，这是一个片段：

这是我的 JSON 数据：

{"person": { "name" : "jhon", "personLink" : "jhonlink" },{ "name" : "doe", "personLink" : "doelink" } }

这是我的功能代码：

myLink = (cell) => {
 const urlString = '/person/detail/' + cell;
 return (
   <Link to={urlString} >
     {cell}
   </Link>
 )}

这是我的渲染片段：

<BootstrapTable
   data={person}
   striped
   hover
   pagination
   remote
   >
   <TableHeaderColumn
      isKey
      dataField="name"
      dataFormat={this.personLink}
    >
   Foo
   </TableHeaderColumn>
</BootstrapTable>

是否可以从“personLink”中获取值？因为我得到了“名称”值作为链接。

Answer 1

考虑到人员数据处于状态数据中

state= {
   data: {"person": [{
  "name" : "jhon", 
  "personLink" : "jhonlink"
 },{
  "name" : "doe", 
  "personLink" : "doelink"
 }]
}

在 myLink 函数中，您可以获得 personLink 作为

myLink = (cell) => {
 const urlString = '/person/detail/' + cell;
 var idx = this.state.data.person.findIndex((data) => {return data.name === cell});
 var personLink = this.state.data.person[idx].personLink
 console.log(personLink);
 return (
   <Link to={urlString} >
     {cell}
   </Link>
 )}

}