Uppdatera Tillstånd med useDispatch

För att ändra tillstånd i Redux skickar du en action till store. Detta görs med hjälp av hooken useDispatch.

Skicka en Action

Inuti en komponent anropar du useDispatch och använder den för att utlösa actions:

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

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

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

När knappen klickas skickas actionen till store och tillståndet uppdateras.

Hur det fungerar

Du uppdaterar inte tillståndet direkt. Istället skickar du en action, och Redux avgör hur tillståndet ska ändras med hjälp av reducers.

Detta tillvägagångssätt gör tillståndsuppdateringar förutsägbara. Alla ändringar går genom samma flöde, vilket gör applikationen enklare att förstå och felsöka.