Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Store Dispatch Method | Fundamental Concepts
Introduction to Redux

book
Store Dispatch Method

Redux store object has a dispatch method which can be used for dispatching actions.

When we want something to happen, for example, the counter value to be incremented, we can dispatch the counter/increment action using the dispatch method:

js
import { configureStore } from '@reduxjs/toolkit'
const store = configureStore({ reducer: counterReducer });

// The action object can be directly created inside the method call
store.dispatch({ type: 'counter/increment', amount: 7 });

// Or it can be passed using a reference
let incrementAction = {
type: 'counter/increment',
amount: 7
};

store.dispatch(incrementAction);

The reducer function will handle this dispatched action we passed into the Redux store, counterReducer. The reducer function returns a new state object and updates the store accordingly – we don't have to do anything related to that; it is handled by Redux and happens on the backend, we dispatch the action using the store's method.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 4

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

some-alt