Присвоение функции dataFormat BootstrapTable

Question

Если вы могли бы помочь мне, возможно ли при использовании js map назначить функцию для react-bootstrap-table dataFormat ...

<BootstrapTable data={this.state.users} data-url="data.json" hover pagination={true}
                search ClassName="table" options={options} 
                data-response-handler="responseHandler" exportCSV={true}>
{
   this.state.userAdminGrid.columns.map((vis, index) => {
   <TableHeaderColumn dataSort key={index} 
                      dataField={vis.field} 
                      isKey={vis.isKey} 
                      hidden={!vis.checked}
                      dataAlign="center" 
                      dataFormat={vis.fieldFormat}>
           {vis.fieldDescription}
   </TableHeaderColumn>
})
}
</BootstrapTable>

this.state.userAdminGrid.columns похоже на это, в основном требуется только последний столбец dataFormat, где я хочу назначить функцию с именем isActiveFormat

columns: Array(6)
0: {fieldId: 1, field: "userId", fieldDescription: "Id", checked: false, order: 9, …}
1: {fieldId: 4, field: "surename", fieldDescription: "Prezime", checked: true, order: 1, …}
2: {fieldId: 3, field: "name", fieldDescription: "Ime", checked: true, order: 2, …}
3: {fieldId: 2, field: "username", fieldDescription: "Username", checked: true, order: 5, …}
4: {fieldId: 5, field: "roleDescription", fieldDescription: "Rola", checked: true, order: 6, …}
5:
   checked: true
   field: "isActive"
   fieldDescription: "Aktivan"
   fieldFormat: "isActiveFormat"
   fieldId: 6
   isKey: false
   order: 8
__proto__: Object
length: 6
__proto__: Array(0)

Функция isActiveFormat выглядит как

isActiveFormat(cell) {
    console.log("I got in");
    return (
        <Toggle on={'Aktivan'} off={'Neaktivan'} size="xs" offstyle="danger" active={cell} />
    );
}

Это структура, потому что я храню столбцы сетки в БД, и каждый пользователь может выбрать порядок и столбцы, которые он хочет видеть, isActive column - это просто bool, в котором я хотел бы использовать react-bootstrap-toggle control ...

Answer 1

Вы можете вызвать такую ​​функцию dataFormat={this[vis.fieldFormat]}> или dataFormat={() => this[vis.fieldFormat]()}>