Status Bijwerken met useDispatch

Om de status in Redux te wijzigen, stuur je een actie naar de store. Dit gebeurt met de useDispatch hook.

Een actie dispatchen

Binnen een component roep je useDispatch aan en gebruik je deze om acties te triggeren:

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

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

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

Wanneer op de knop wordt geklikt, wordt de actie naar de store gestuurd en wordt de status bijgewerkt.

Hoe het werkt

Je werkt de status niet direct bij. In plaats daarvan dispatch je een actie, en Redux bepaalt met reducers hoe de status moet veranderen.

Deze aanpak houdt statuswijzigingen voorspelbaar. Alle wijzigingen verlopen via dezelfde flow, waardoor de applicatie eenvoudiger te begrijpen en te debuggen is.