[英]how to get data from related data object on react-bootstrap-table
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”获取值? 因为我获得了“名称”值作为链接。
考虑人员数据处于状态数据为
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>
)}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.