Sobes.tech
Назад к вопросам
Junior — Middle
68

Могли бы вы объяснить, что такое Hooks в контексте React или других библиотек/фреймворков?

Компании, где спрашивали
AstonAston

Ответ от нейросети

sobes.tech AI

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 делают код компонентов более компактным и удобным для повторного использования логики.