Как отрендерить компоненту снова
В общем есть 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 отрисовывает минус
Может мне разделить таблицу, на отдельные компоненты?