Как отрендерить компоненту снова

В общем есть state, в котором есть массив объектов, этот массив объектов я отрисовываю в таблице, в объекте есть поле change = true (если true - плюсик, если false - минус), внутри ПОЧТИ каждого столбца есть плюсик, при клике на него, он должен становится минусом, следовательно внутри массива я изменяю change на false, рендеринг происходит, но данные приходят старые, почему-то, я поставил console.log() который выводит change, он показывает всегда true, хотя в store change изменился на false, и в таблице все еще отрисован плюс, что делать?) Если что, при рендеринге, я реагирую на поле change.

При рендеринге массив объектов map, и выводятся данные.

<span onClick={() => setValue(i.id, i.change)}
     className={i.change === true ? s.plus : null | i.change === false ? s.minus : null}>
</span>

Такая проверка нужна, потому что не везде должен стоять плюс, либо минус, есть поля где его вообще не должно быть

  • Class plus отрисовывает плюс
  • Class minus отрисовывает минус

Может мне разделить таблицу, на отдельные компоненты?


Ответы (0 шт):