는 반응 부트 스트랩 테이블

Question

부트 스트랩 테이블 모듈 관련 데이터 개체에서 데이터를 내 페이지에 대한 몇 가지 데이터를 표시 할 수 나는 데이터 필드 값 관련 데이터에서 링크를 만들고 싶어하는 방법, 여기에 조각입니다

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

가 여기 내 기능 코드입니다 : 여기 내 JSON 데이터의 스 니펫 (snippet) 여기

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

은 당신이 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> 
)} 

}