Vaihe 3

Keskity reducerin luomiseen, joka käsittelee lähetetyt toiminnot ja päivittää goals-tilan Redux-kaupassa. Reducerit ovat puhtaita funktioita, jotka määrittelevät, miten tila muuttuu toimintojen perusteella.

Esimerkki

Haaste

1. Avaa tiedosto goalReducer.js.
2. Luo reducer käyttämällä createReducer-funktiota @reduxjs/toolkit-paketista. Tämä funktio yksinkertaistaa reducerien luomista.
3. Aseta goals-tilan alkuarvoksi tyhjä taulukko ([]).
4. Määrittele createReducer-funktion sisällä eri toimintojen tapaukset käyttäen goalAction.js-tiedostossa luotuja toimintoja.
5. Lisäämistä varten käytä .addCase-metodia ja anna ensimmäiseksi argumentiksi addGoal-toiminto. Vastaavassa palautefunktiossa päivitä tila lisäämällä action.payload (tavoite) tilataulukkoon.
6. Poistamista varten käytä .addCase-metodia ja anna ensimmäiseksi argumentiksi removeGoal-toiminto. Vastaavassa palautefunktiossa päivitä tila palauttamalla uusi taulukko, josta on suodatettu pois se tavoite, jonka goal.id täsmää tilataulukossa.

1. createReducer-funktio yksinkertaistaa reducerien luomista tarjoamalla kätevän syntaksin.
2. Käytä .addCase-olion builder-metodia määritelläksesi eri toimintojen tapaukset.
3. Pääset käsiksi toiminnon payloadiin käyttämällä action.payload.