Passaggio 3

Concentrarsi sulla creazione di un reducer per gestire le azioni inviate e aggiornare lo stato dei goals nello store Redux. I reducer sono funzioni pure che specificano come lo stato deve cambiare in risposta alle azioni.

Esempio

Sfida

1. Aprire il file goalReducer.js.
2. Creare il reducer utilizzando la funzione createReducer dal pacchetto @reduxjs/toolkit. Questa funzione semplifica il processo di creazione dei reducer.
3. Impostare lo stato iniziale dei goals su un array vuoto ([]).
4. All'interno della funzione createReducer, specificare i casi per le diverse azioni utilizzando le azioni create nel file goalAction.js.
5. Per aggiungere un goal, utilizzare il metodo .addCase e passare l'azione addGoal come primo argomento. Nella funzione di callback corrispondente, aggiornare lo stato aggiungendo action.payload (il goal) all'array dello stato.
6. Per rimuovere un goal, utilizzare il metodo .addCase e passare l'azione removeGoal come primo argomento. Nella funzione di callback corrispondente, aggiornare lo stato restituendo un nuovo array che filtra il goal con l'goal.id corrispondente dall'array dello stato.

1. La funzione createReducer semplifica il processo di creazione dei reducer fornendo una sintassi conveniente.
2. Utilizzare il metodo .addCase dell'oggetto builder per specificare i casi per le diverse azioni.
3. Accedere al payload dell'azione utilizzando action.payload.