I'm learning Redux and I have a doubt when I apply in this simple example:
const redux = require('redux');
const counterReducer = (state = { counter: 0 }, action) => {
if (action.type === 'increment') {
return {
counter: state.counter + 1,
};
}
if (action.type === 'decrement') {
return {
counter: state.counter - 1,
};
}
return state;
};
const store = redux.createStore(counterReducer);
const counterSubscriber = () => {
const latestState = store.getState();
console.log(latestState);
};
store.subscribe(counterSubscriber);
store.dispatch({ type: 'increment' });
store.dispatch({ type: 'decrement' });
I get as a result:
{ counter: 1 }
{ counter: 0 }
But you shouldn't get:
{ counter: 1 }
{ counter: -1 }
Because the state starts at 0 state = { counter: 0 }
. So when calling increment
add 1 and decrement
subtract 1?