Как динамически добавить href в столбец response-bootstrap-table?

Я использую response-bootstrap-table для данных в реакции. Здесь я получаю c = data из бэкэнда как объект JSON. Как динамически добавить ahref в столбец в React-Bootstrap-Table

const data = [ 
{ 
  id: 0, 
  name: 'John Doe',
  registered: '2018/01/01',
  role: 'Guest', 
  status: 'Pending'
 }, 
 { 
  id: 1, 
  name: 'Samppa Nori', 
  registered: '2018/01/01', 
  role: 'Member', 
  status: 'Active'
 }
]




<BootstrapTable data={this.data} version="4" striped hover pagination search options={this.options}>
              <TableHeaderColumn dataField="name"     dataSort>Name</TableHeaderColumn>
              <TableHeaderColumn isKey dataField="email">Email</TableHeaderColumn>
              <TableHeaderColumn dataField="age" dataSort>Age</TableHeaderColumn>
              <TableHeaderColumn dataField="city" dataSort>City</TableHeaderColumn>
            </BootstrapTable>

когда пользователь нажимает на столбец имени, он должен перенаправлять на user /: id, поэтому я хочу динамически добавить ahref в столбец имени. может ли любая помощь в добавлении href в response-bootstrap-table


reactjs javascript react-bootstrap-table
person Abhiram    schedule 22.12.2018    source источник

Ответы (1)


arrow_upward
3
arrow_downward

после 2 часов моего исследования, просто добавив dataFormat в свой столбец, я решил мое решение. Здесь Cell содержит данные столбца, а Row - данные общей строки.

CellFormatter(cell, row) {
    return (<div><a href={cell+"/"+row.age}>{cell}</a></div>);
  }

 <BootstrapTable data={this.table} version="4" striped hover pagination search options={this.options}>
                  <TableHeaderColumn dataField="name"  dataFormat={this.CellFormatter}   dataSort>Name</TableHeaderColumn>
                  <TableHeaderColumn isKey dataField="email">Email</TableHeaderColumn>
                  <TableHeaderColumn dataField="age" dataSort>Age</TableHeaderColumn>
                  <TableHeaderColumn dataField="city" dataSort>City</TableHeaderColumn>
                </BootstrapTable>
person Abhiram    schedule 22.12.2018
comment
Привет, абхирам, я не могу этого сделать. Не могли бы вы помочь? вот мой код github.com/thomas023/React/ blob / master / - person Thomas Martin; 05.08.2020
comment
Я хочу сделать записи в столбце как ссылки (hrefs), и я использую реакцию bootstrap-table-2. Я уже разместил вопрос, но никто не ответил stackoverflow.com/questions/63224741/ - person Thomas Martin; 05.08.2020