Czym jest stan komponentu?

Stan komponentu to zbiór danych, które określają jego aktualne zachowanie i wygląd w interfejsie użytkownika. Na przykład w React stan jest przechowywany wewnątrz komponentu i może się zmieniać z czasem, wywołując ponowne renderowanie w celu aktualizacji UI.

Przykład: licznik, który zwiększa się po kliknięciu, przechowuje swoją obecną wartość w stanie.

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Licznik: {count}</p>
      <button onClick={() => setCount(count + 1)}>Zwiększ</button>
    </div>
  );
}

W ten sposób stan pozwala komponentowi być interaktywnym i dynamicznie reagować na działania użytkownika lub inne zdarzenia.