Блог

Главная - Вопросы по программированию - React-table — проблема с флажками для рендеринга при следующем нажатии

React-table — проблема с флажками для рендеринга при следующем нажатии

#javascript #reactjs #react-table

#javascript #reactjs #react-table

Вопрос:

Я работаю с react-table, и один из моих столбцов содержит флажки. Я отображаю этот столбец с помощью такого кода:

 Cell: props => (
  <label className="switch">
    <input id="for_all" className="input_switch" type="checkbox" defaultChecked={props.value}/>
    <span className="slider round"></span>
  </label>
)

Но проблема в том, что когда я нажимаю «Далее», флажки не «помечаются» на основе их значения в соответствующем реквизите (props.value), но оно сохраняется таким же, как и в той же строке (в представлении 10 строк 11-й флажок будет таким же, как и в 1-й строке). Как я могу это исправить?

Ответ №1:

Я решил эту проблему, добавив другой параметр в поле ввода:

 checked={props.value}