如何从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>

是否可以从＆＃34; personLink＆＃34;中获取值？因为我得到了＆＃34;名字＆＃34;价值作为一个链接。

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

}