handleActions doesn't work

[ntucker]

I tried using

const INCREMENT = 'logos/counter/INCREMENT'
const RESET = 'logos/counter/RESET'
export const counterReducer = handleActions({
  INCREMENT: (state, action) => {
    return state + action.payload
  },
  RESET: (state, action) => ({
    counter: 0,
  }),
}, 0)

and the INCREMENT part was never called

however

export const counterReducer = (state=0, action) => {
  switch(action.type) {
    case INCREMENT:
      return state + action.payload
    case RESET:
      return 0
    default:
      return state
  }
}

worked just fine

[nighca]

@ntucker

export const counterReducer = handleActions({
  INCREMENT: (state, action) => {
    return state + action.payload
  },
  RESET: (state, action) => ({
    counter: 0,
  }),
}, 0)

works just the same as

export const counterReducer = handleActions({
  // definition for INCREMENT and RESET do not stand for the key here
  'INCREMENT': (state, action) => {
    return state + action.payload
  },
  'RESET': (state, action) => ({
    counter: 0,
  }),
}, 0)

Maybe misunderstanding here causes your problem?

If you want to use 'logos/counter/INCREMENT'/'logos/counter/RESET' as your key (action.type), you should write like this:

export const counterReducer = handleActions({
  [INCREMENT]: (state, action) => {
    return state + action.payload
  },
  [RESET]: (state, action) => ({
    counter: 0,
  }),
}, 0)

[ntucker]

Thx for that. Forgot about JS's weirdness for object declarations.