React. Как перерендерить компонент, изменяя состояние в родителе?

Question

Я делаю приложение со списками задач. Есть меню со "списками", они хранятся в стейте у родителя (App). Когда я из дочернего элемента удаляю "список" через кнопку - стейт меняется, а кнопка со списком остается на месте, т.е. перерендер не происходит.

Требуется: При нажатии на кнопку-крестик "список" должен удаляться как из стейта, так и с экрана. Как можно реализовать данный функционал?

Answer 1

const deleteFolderHandler = (folderId) => {
    const folderFiltered = folders.filter(el => el.id !== folderId);
    setFolders(folderFiltered);
}

Если я правильно понял задачу конечно. Использую deleteFolderHandler вместо deleteFolder

p.s хук useCallback не забывай использовать

БЛОГ НА HUSL

React. Как перерендерить компонент, изменяя состояние в родителе?

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