Erstellen Ihres Ersten Slice mit createSlice

Ein Slice wird mit der Funktion createSlice erstellt. Hier definierst du deinen Zustand und wie er sich ändern kann.

Erstellen eines Slices

Erstelle eine neue Datei, zum Beispiel:

src/features/counter/counterSlice.js

Definiere in dieser Datei dein 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 definierst ein Stück Zustand und die Logik, die diesen aktualisiert.

createSlice erstellt automatisch:

• Aktionen basierend auf deinen Reducern;
• Eine Reducer-Funktion für den Store;
• Eine strukturierte Möglichkeit, diesen Teil des Zustands zu verwalten.