Middle+

Разкажи за хуковете на React, правилата на хуковете (Rules of Hooks)

sobes.tech AI

Отговор от AI

Хуки в React — это функции, которые позволяют использовать состояние и другие возможности React в функциональных компонентах.

Основные правила хуков (Rules of Hooks):

Вызывать хуки только на верхнем уровне компонента или собственного хука. Нельзя вызывать хуки внутри циклов, условий или вложенных функций, чтобы порядок вызовов оставался стабильным между рендерами.
Вызывать хуки только из React-функциональных компонентов или пользовательских хуков. Нельзя вызывать хуки из обычных JS-функций.

Пример использования useState и useEffect:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Вы нажали ${count} раз`;
  }, [count]);

  return (
    <button onClick={() => setCount(count + 1)}>
      Нажми меня
    </button>
  );
}

Соблюдение правил хуков гарантирует корректную работу механизма внутреннего состояния и эффектов React.

Предишни Следващият