Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Kombinera Reducers på Ett Rent Sätt | Skala Redux i Större Applikationer
Tillståndshantering med Redux Toolkit i React

Kombinera Reducers på Ett Rent Sätt

Svep för att visa menyn

När du har flera slices behöver du kombinera dem i store. Redux Toolkit gör detta enkelt.

Kombinera slices

Du skickar alla slice-reducers till 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
  }
});

Varje slice blir en nyckel i det globala tillståndet.

Du kan komma åt dem så här:

  • state.user;
  • state.tasks.

Detta håller ditt tillstånd strukturerat och förutsägbart. Varje del av appen har en tydlig plats i store.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 6. Kapitel 3

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Kombinera Reducers på Ett Rent Sätt

När du har flera slices behöver du kombinera dem i store. Redux Toolkit gör detta enkelt.

Kombinera slices

Du skickar alla slice-reducers till 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
  }
});

Varje slice blir en nyckel i det globala tillståndet.

Du kan komma åt dem så här:

  • state.user;
  • state.tasks.

Detta håller ditt tillstånd strukturerat och förutsägbart. Varje del av appen har en tydlig plats i store.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 6. Kapitel 3
some-alt