Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn 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.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 4

Ask AI

expand
ChatGPT

Ask anything or try one of the suggested questions to begin our chat

We use cookies to make your experience better!
some-alt