Statusaktualisierung mit UseDispatch

Um den Zustand in Redux zu ändern, wird eine Aktion an den Store gesendet. Dies erfolgt mit dem useDispatch-Hook.

Auslösen einer Aktion

Innerhalb einer Komponente wird useDispatch aufgerufen und verwendet, um Aktionen auszulösen:

import { useDispatch } from 'react-redux';
import { increment } from './counterSlice';

function Counter() {
  const dispatch = useDispatch();

  return (
    <button onClick={() => dispatch(increment())}>
      Increase
    </button>
  );
}

Wenn der Button geklickt wird, wird die Aktion an den Store gesendet und der Zustand aktualisiert.

Funktionsweise

Der Zustand wird nicht direkt aktualisiert. Stattdessen wird eine Aktion ausgelöst, und Redux entscheidet mithilfe von Reducern, wie sich der Zustand ändern soll.

Dieser Ansatz sorgt für vorhersehbare Zustandsänderungen. Alle Änderungen durchlaufen denselben Ablauf, was die Anwendung leichter verständlich und besser nachvollziehbar macht.