Čo je stav komponenty?

Stav komponenty je súbor údajov, ktorý určuje jej aktuálne správanie a vzhľad v používateľskom rozhraní. Napríklad v Reacte je stav uložený vo vnútri komponenty a môže sa časom meniť, čo spôsobí opätovné vykreslenie na aktualizáciu UI.

Príklad: počítadlo, ktoré sa zvyšuje pri kliknutí, uchováva svoju aktuálnu hodnotu v stave.

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Počítadlo: {count}</p>
      <button onClick={() => setCount(count + 1)}>Zvýšiť</button>
    </div>
  );
}

Týmto spôsobom umožňuje stav, aby bol komponent interaktívny a dynamicky reagoval na akcie používateľa alebo iné udalosti.