Встречается на собеседованиях • сегодня

Как useCallback помогает оптимизировать дочерние компоненты

`useCallback` мемоизирует функцию, предотвращая её пересоздание при каждом рендере родительского компонента. Это полезно, когда функция передаётся в дочерние компоненты, особенно в `React.memo` или `PureComponent`, чтобы избежать лишних ререндеров. Пример: ```jsx const Parent = () => { const [count, setCount] = useState(0); // Без useCallback - новая функция при каждом рендере const increment = useCallback(() => { setCount(c => c + 1); }, []); // Зависимости пусты - функция создаётся один раз return ; }; const Child = React.memo(({ onClick }) => { console.log('Child render'); return ; }); ``` Без `useCallback` дочерний компонент будет перерендериваться при каждом изменении состояния родителя, даже если его пропсы фактически не изменились. `useCallback` сохраняет ссылку на функцию между рендерами, если её зависимости не изменились.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы