Teoria

Toiminnot (actions) ovat tietopaketteja, jotka kuvaavat haluttuja muutoksia tilaan. Toimintojen luojat (action creators) ovat funktioita, jotka luovat toimintoja. Ne kapseloivat toimintojen luontilogiikan ja ovat uudelleenkäytettävissä sovelluksen eri osissa.

Käytännön esimerkki

Kansiossa 'actions' on tiedosto nimeltä counterAction.js. Tämä tiedosto määrittelee toiminnot ja toimintojen luojat laskurin toiminnallisuutta varten.

import { createAction } from "@reduxjs/toolkit";

export const increment = createAction("counter/increment");
export const decrement = createAction("counter/decrement");

Koodin selitys:

• Rivi 1: Tuodaan createAction-funktio @reduxjs/toolkit-paketista. Tämä funktio yksinkertaistaa toimintojen luojien luomista;
• Rivi 3: Luodaan toimintojen luoja increment käyttäen createAction-funktiota. Tämä funktio tuottaa toimintoja laskurin kasvattamista varten;
  • Merkkijono "counter/increment" toimii toimintotyypin tunnisteena. Se auttaa tunnistamaan toiminnon, kun se lähetetään.
• Rivi 4: Vastaavasti luodaan toimintojen luoja decrement käyttäen createAction-funktiota. Tämä funktio tuottaa toimintoja laskurin pienentämistä varten.
  • Merkkijono "counter/decrement" edustaa toimintotyyppiä pienentämiselle.

Käyttämällä createAction-funktiota nämä funktiot luovat toimintoolioita, joiden type-ominaisuus on asetettu määriteltyyn merkkijonoon. Näitä toimintoja voidaan lähettää Redux-reducereihin tai React-komponentteihin Redux-tietovaraston päivittämiseksi.

Huomio

Toimintatyyppien merkkijonojen, kuten "counter/increment" ja "counter/decrement", tulisi olla kuvaavia ja heijastaa toiminnon tarkoitusta. On yleistä lisätä toimintatyypin eteen ominaisuuden tai siivun nimi paremman järjestyksen vuoksi. Merkkijonovakioiden tai muuttujien käyttöä suositellaan johdonmukaisuuden ja helpomman uudelleenrakentamisen vuoksi.