Ensimmäisen Slicen Luominen CreateSlice-funktiolla

Slice luodaan käyttämällä createSlice-funktiota. Tässä määritellään tila ja miten se voi muuttua.

Slicen luominen

Luo uusi tiedosto, esimerkiksi:

src/features/counter/counterSlice.js

Määrittele tässä tiedostossa slice:

import { createSlice } from '@reduxjs/toolkit';

const initialState = {
  value: 0
};

const counterSlice = createSlice({
  name: 'counter',
  initialState,
  reducers: {
    increment(state) {
      state.value += 1;
    },
    decrement(state) {
      state.value -= 1;
    }
  }
});

export const { increment, decrement } = counterSlice.actions;
export default counterSlice.reducer;

Määritellään tila ja logiikka sen päivittämiseen.

createSlice luo automaattisesti:

• Toiminnot (actions) määriteltyjen reducerien perusteella;
• Reducer-funktion storea varten;
• Rakenteellisen tavan hallita tätä osaa tilasta.