Что нужно добавить в пример, чтобы стабилизировать ссылку на callback и избежать лишних ререндеров?

В React ссылку на обработчик обычно стабилизируют через useCallback с корректными зависимостями; само по себе это не запрещает рендер дочернего компонента.

Короткий ответ

Что ответить на собеседовании

В React ссылку на обработчик обычно стабилизируют через useCallback с корректными зависимостями; само по себе это не запрещает рендер дочернего компонента.

Подробный разбор

Ответ с пояснениями

В React ссылку на обработчик обычно стабилизируют через useCallback с корректными зависимостями; само по себе это не запрещает рендер дочернего компонента.

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

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее