Steg 3

Fokus på å opprette en reducer for å håndtere distribuerte handlinger og oppdatere goals-tilstanden i Redux store. Reducere er rene funksjoner som angir hvordan tilstanden skal endres som svar på handlinger.

Eksempel

Utfordring

1. Åpne filen goalReducer.js.
2. Opprett reduceren ved å bruke funksjonen createReducer fra pakken @reduxjs/toolkit. Denne funksjonen forenkler prosessen med å lage reducere.
3. Sett initialtilstanden for goals til en tom liste ([]).
4. Angi tilfellene for ulike handlinger inne i funksjonen createReducer ved å bruke handlingene som er opprettet i filen goalAction.js.
5. For å legge til et mål, bruk metoden .addCase og send inn handlingen addGoal som første argument. Oppdater tilstanden i den tilhørende callback-funksjonen ved å legge til action.payload (målet) i tilstandslisten.
6. For å fjerne et mål, bruk metoden .addCase og send inn handlingen removeGoal som første argument. Oppdater tilstanden i den tilhørende callback-funksjonen ved å returnere en ny liste som filtrerer ut målet med tilsvarende goal.id fra tilstandslisten.

1. Funksjonen createReducer forenkler prosessen med å lage reducere ved å tilby en praktisk syntaks.
2. Bruk metoden .addCase på builder-objektet for å angi tilfeller for ulike handlinger.
3. Få tilgang til payloaden til handlingen ved å bruke action.payload.