Redux - Combine Multiple Reducers

JavaScript
1

Tell us what’s happening:

Can anyone tell me how to fix this problem, what am I missing

Your code so far

const INCREMENT = 'INCREMENT';
const DECREMENT = 'DECREMENT';

const counterReducer = (state = 0, action) => {
  switch(action.type) {
    case INCREMENT:
      return state + 1;
    case DECREMENT:
      return state - 1;
    default:
      return state;
  }
};

const LOGIN = 'LOGIN';
const LOGOUT = 'LOGOUT';

const authReducer = (state = {authenticated: false}, action) => {
  switch(action.type) {
    case LOGIN:
      return {
        authenticated: true
      }
    case LOGOUT:
      return {
        authenticated: false
      }
    default:
      return state;
  }
};

const rootReducer = // Define the root reducer here

const rootReducer = Redux.combineReducers({
  count: counterReducer,
  auth: authReducer
});

const store = Redux.createStore(rootReducer);

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Safari/605.1.15

Challenge Information:

Redux - Combine Multiple Reducers

2

have you checked this out already? Using combineReducers | Redux

happy coding :slight_smile:

3

You have the same const variable rootReducer twice.

const rootReducer = // Define the root reducer here

const rootReducer = Redux.combineReducers({
  count: counterReducer,
  auth: authReducer
});

You can not declare a const and not give it a value, nor can you redeclare or reassign it.