Как useCallback помогает избежать лишних ререндеров

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