Skapa Din Första Slice med createSlice

En slice skapas med funktionen createSlice. Här definierar du ditt state och hur det kan förändras.

Skapa en Slice

Skapa en ny fil, till exempel:

src/features/counter/counterSlice.js

I denna fil definierar du din 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;

Du definierar en del av state och logiken som uppdaterar det.

createSlice skapar automatiskt:

• Actions baserade på dina reducers;
• En reducer-funktion för store;
• En strukturerad metod för att hantera denna del av state.