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:
js991234567891011121314import { configureStore } from '@reduxjs/toolkit'const store = configureStore({ reducer: counterReducer });// The action object can be directly created inside the method callstore.dispatch({ type: 'counter/increment', amount: 7 });// Or it can be passed using a referencelet 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?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 4
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal