Trin 3

Fokus på at oprette en reducer, der håndterer afsendte actions og opdaterer målsætningstilstanden i Redux store. Reducers er rene funktioner, der angiver, hvordan tilstanden skal ændres som reaktion på actions.

Eksempel

Udfordring

1. Åbn filen goalReducer.js.
2. Opret reduceren ved at bruge funktionen createReducer fra pakken @reduxjs/toolkit. Denne funktion forenkler processen med at oprette reducers.
3. Sæt den indledende tilstand for målsætninger til et tomt array ([]).
4. Angiv i funktionen createReducer sagerne for forskellige actions ved at bruge de actions, der er oprettet i filen goalAction.js.
5. For at tilføje et mål, brug metoden .addCase og giv addGoal-action som første argument. Opdater tilstanden i den tilsvarende callback-funktion ved at tilføje action.payload (målet) til tilstands-arrayet.
6. For at fjerne et mål, brug metoden .addCase og giv removeGoal-action som første argument. Opdater tilstanden i den tilsvarende callback-funktion ved at returnere et nyt array, der filtrerer målet med det matchende goal.id fra tilstands-arrayet.

1. Funktionen createReducer forenkler processen med at oprette reducers ved at tilbyde en bekvem syntaks.
2. Brug metoden .addCase på builder-objektet til at angive sager for forskellige actions.
3. Få adgang til actionens payload ved at bruge action.payload.