Middle+

Pastāsti par React huki, haku noteikumi (Rules of Hooks)

sobes.tech AI

Atbilde no 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.

Iepriekšējais Tālāk