Junior — Middle
Можете ли да обясните какво са Hooks в контекста на React или други библиотеки/рамки?
sobes.tech AI
Отговор от AI
Hooks — това са функции в React (и в някои други библиотеки), които позволяват използването на състояние и други възможности на React без писане на класове. Те позволяват "свързване" с жизнения цикъл на компонентите и управление на състоянието във функционални компоненти.
Основните hooks:
- 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 правят кода на компонентите по-компактен и по-лесен за повторно използване на логиката.