React Bootstrap table: не удалось обновить значение флажка при использовании dataFormat в одном из столбцов таблицы

Question

Я использую таблицу ответов для загрузки и имею «статус» в качестве одного из столбцов в таблице. Этот столбец отформатирован с использованием тега dataFormat, и я написал функцию для отображения рендеринга. Что-то вроде этого:

<TableHeaderColumn dataField='STATUS' dataFormat={statusFormatter}>Column name</TableHeaderColumn> 

Теперь я хочу обновить значение флажка. Но я считаю, что statusFormatter, являющийся функцией, не предоставляет мне команду для обновления значения флажка.

Вот мой код функции:

function statusFormatter(cell, row) { 
let checkBoxValue = false; 

if (cell==='RESOLVED') 
    checkBoxValue = true; 

return (
    <CheckBoxForTable active={checkBoxValue} onToggle={this.onStatusUpdate.bind(this)}/> 
) 
} 

Я получаю следующее сообщение об ошибке: Не удается прочитать свойство «привязать» неопределенную

Кто-нибудь может направлять мне, как обновить значение флажка и отправьте действие на сервер.

Answer 1

Вот работа вокруг, просто передать onStatusUpdate вашего компонента formatter функции

<TableHeaderColumn 
    dataField='STATUS' 
    dataFormat={(cell, row) => statusFormatter(cell, row, this.onStatusUpdate.bind(this))} 
>Column name</TableHeaderColumn> 

и ваш форматировщиком

function statusFormatter(cell, row, onStatusUpdate) { 
let checkBoxValue = false; 

if (cell==='RESOLVED') 
    checkBoxValue = true; 

return (
    <CheckBoxForTable active={checkBoxValue} onToggle={onStatusUpdate}/> 
) 
}