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

bookStore 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:

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.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 4

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 3.45

bookStore Dispatch Method

Glissez pour afficher le menu

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:

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.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 4
some-alt