Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Kombinering af Reducers på en Ren Måde | Skalering af Redux i Større Applikationer
Tilstandshåndtering med Redux Toolkit i React

Kombinering af Reducers på en Ren Måde

Stryg for at vise menuen

Når du har flere slices, skal du kombinere dem i store. Redux Toolkit gør dette nemt.

Kombinering af slices

Du sender alle slice-reducere ind i configureStore:

import { configureStore } from '@reduxjs/toolkit';
import userReducer from '../features/user/userSlice';
import tasksReducer from '../features/tasks/tasksSlice';

export const store = configureStore({
  reducer: {
    user: userReducer,
    tasks: tasksReducer
  }
});

Hver slice bliver en nøgle i den globale state.

Du kan tilgå dem sådan her:

  • state.user;
  • state.tasks.

Dette holder din state struktureret og forudsigelig. Hver del af appen har en tydelig plads i store.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 6. Kapitel 3

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Kombinering af Reducers på en Ren Måde

Når du har flere slices, skal du kombinere dem i store. Redux Toolkit gør dette nemt.

Kombinering af slices

Du sender alle slice-reducere ind i configureStore:

import { configureStore } from '@reduxjs/toolkit';
import userReducer from '../features/user/userSlice';
import tasksReducer from '../features/tasks/tasksSlice';

export const store = configureStore({
  reducer: {
    user: userReducer,
    tasks: tasksReducer
  }
});

Hver slice bliver en nøgle i den globale state.

Du kan tilgå dem sådan her:

  • state.user;
  • state.tasks.

Dette holder din state struktureret og forudsigelig. Hver del af appen har en tydelig plads i store.

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 6. Kapitel 3
some-alt