Junior — Middle
Pourriez-vous expliquer ce que sont les Hooks dans le contexte de React ou d'autres bibliothèques/frameworks?
sobes.tech IA
Réponse de l'IA
Hooks — это функции в React (и некоторых других библиотеках), которые позволяют использовать состояние и другие возможности React без написания классов. Они дают возможность «подключаться» к жизненному циклу компонентов и управлять состоянием в функциональных компонентах.
Основные хуки:
- useState — для хранения и обновления состояния.
- useEffect — для выполнения побочных эффектов (например, загрузка данных, подписки).
Пример использования useState и useEffect:
import React, { useState, useEffect } from 'react';
function Counter() {
const [count, setCount] = useState(0);
useEffect(() => {
document.title = `Вы нажали ${count} раз`;
}, [count]);
return (
<div>
<p>Вы нажали {count} раз</p>
<button onClick={() => setCount(count + 1)}>
Нажми меня
</button>
</div>
);
}
Таким образом, Hooks делают код компонентов более компактным и удобным для повторного использования логики.