Найти тему
CodeSnack

⚛️ React Перекус: Что такое useCallback?

Оглавление

useCallback — это хук, который возвращает мемоизированную версию функции, сохраняющуюся между рендерами. Это полезно, если вы передаёте функцию в компонент, зависящий от неё (например, дочерний компонент или хуки).

💡 Когда использовать useCallback?

useCallback предотвращает создание новой функции при каждом рендере компонента, что помогает оптимизировать производительность.

🔧 Пример:

Пример использования useCallback
Пример использования useCallback

🚀 Где использовать useCallback?

Когда функция передается как пропс дочернему компоненту, чтобы избежать ненужного рендера.

Когда функция используется в зависимости в useEffect или других хуках.

⚠️ Где НЕ использовать useCallback?

Не применяйте без необходимости — если функция не передаётся дальше или не вызывает лишних ререндеров, использование useCallback не принесёт пользы и лишь усложнит код.