Javascript 如何从react引导表上的相关数据对象获取数据
bootstrap table模块在我的页面上显示一些数据,我想建立一个从相关数据到数据字段值的链接,下面是一个片段: 以下是我的JSON数据:Javascript 如何从react引导表上的相关数据对象获取数据,javascript,reactjs,react-bootstrap-table,Javascript,Reactjs,React Bootstrap Table,bootstrap table模块在我的页面上显示一些数据,我想建立一个从相关数据到数据字段值的链接,下面是一个片段: 以下是我的JSON数据: {“人”:{ “姓名”:“jhon”, “personLink”:“jhonlink” },{ “名称”:“能源部”, “personLink”:“doelink” } } 这是我的功能代码: myLink = (cell) => { const urlString = '/person/detail/' + cell; return (
{“人”:{
“姓名”:“jhon”,
“personLink”:“jhonlink”
},{
“名称”:“能源部”,
“personLink”:“doelink”
}
}
这是我的功能代码:
myLink = (cell) => {
const urlString = '/person/detail/' + cell;
return (
<Link to={urlString} >
{cell}
</Link>
)}
myLink=(单元格)=>{
const urlString='/person/detail/'+单元格;
返回(
{cell}
)}
以下是我的渲染片段:
<BootstrapTable
data={person}
striped
hover
pagination
remote
>
<TableHeaderColumn
isKey
dataField="name"
dataFormat={this.personLink}
>
Foo
</TableHeaderColumn>
</BootstrapTable>
福
是否可以从“personLink”获取值?因为我得到了“name”值作为一个链接。考虑到person数据是状态数据
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>
)}
}
myLink=(单元格)=>{
const urlString='/person/detail/'+单元格;
var idx=this.state.data.person.findIndex((数据)=>{return data.name==cell});
var personLink=this.state.data.person[idx].personLink
控制台日志(personLink);
返回(
{cell}
)}
}
要从何处提取personLink值。另外person应该是数组,对吗?我只是编辑我的问题,我想将“personLink”提取到myLink函数中,作为参数(单元格)