Was ist der Zustand der Komponente?

Der Zustand eines Components ist eine Sammlung von Daten, die das aktuelle Verhalten und die Anzeige des Components in der Benutzeroberfläche bestimmen. In React zum Beispiel wird der Zustand innerhalb des Components gespeichert und kann sich im Laufe der Zeit ändern, was eine erneute Renderung auslöst, um die UI zu aktualisieren.

Beispiel: Ein Zähler, der bei Klick erhöht wird, speichert seinen aktuellen Wert im Zustand.

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Zähler: {count}</p>
      <button onClick={() => setCount(count + 1)}>Erhöhen</button>
    </div>
  );
}

Auf diese Weise ermöglicht der Zustand, dass die Komponente interaktiv ist und dynamisch auf Benutzeraktionen oder andere Ereignisse reagiert.