Sobes.tech
Junior — Middle

Ar galite paaiškinti, kas yra Hooks React ar kitų bibliotekų/rėmų kontekste?

sobes.tech AI

Atsakymas iš AI

Hooks yra funkcijos React (ir kai kuriose kitose bibliotekose), kurios leidžia naudoti React būseną ir kitas galimybes be klasių rašymo. Jie leidžia "prisijungti" prie komponentų gyvavimo ciklo ir valdyti būseną funkciniuose komponentuose.

Pagrindiniai hook'ai:

  • useState — būsenos saugojimui ir atnaujinimui.
  • useEffect — šalutinių efektų vykdymui (pvz., duomenų įkėlimas, prenumeratos).

Pavyzdys, kaip naudoti useState ir useEffect:

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

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

  useEffect(() => {
    document.title = `Jūs paspaudėte ${count} kartus`;
  }, [count]);

  return (
    <div>
      <p>Jūs paspaudėte {count} kartus</p>
      <button onClick={() => setCount(count + 1)}>
        Spauskite mane
      </button>
    </div>
  );
}

Taip, Hooks daro komponentų kodą glaustesnį ir lengviau pakartotinai naudojamą logiką.