В React ссылку на обработчик обычно стабилизируют через useCallback с корректными зависимостями; само по себе это не запрещает рендер дочернего компонента.
Что нужно добавить в пример, чтобы стабилизировать ссылку на callback и избежать лишних ререндеров?
В React ссылку на обработчик обычно стабилизируют через useCallback с корректными зависимостями; само по себе это не запрещает рендер дочернего компонента.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
В React ссылку на обработчик обычно стабилизируют через useCallback с корректными зависимостями; само по себе это не запрещает рендер дочернего компонента.
Например, const onToggle = useCallback(() => setOpen(value => !value), []); не захватывает устаревшее open благодаря функциональному обновлению. Выгода появляется, когда стабильность использует memo-потомок или другой hook. Если callback читает props или state, их нельзя просто удалить из зависимостей. Без исходного примера точный список зависимостей неизвестен.