Sobes.tech
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 правят кода на компонентите по-компактен и по-лесен за повторно използване на логиката.