I have a React Redux app, and am trying to listen for a react-router location change in one of my reducers. I am using hashHistory, not browserHistory. In my Redux devtools, I can see it is firing an action when the location changes:

However, in my reducer, when I listen for 'LOCATION_CHANGE', it doesn't catch anything.

import * as types from '../constants/actionTypes';
import objectAssign from 'object-assign';
import initialState from './initialState';

export default function listingsReducer(state = initialState.listings, action) {
  switch (action.type) {
    case 'LOCATION_CHANGE': {
        console.log(action); //currently doesn't get into this case block
        return state;
    }
    default:
        return state;
  }
}

What do I have to use in order to handle this action in my reducer?

I have a React Redux app, and am trying to listen for a react-router location change in one of my reducers. I am using hashHistory, not browserHistory. In my Redux devtools, I can see it is firing an action when the location changes:

However, in my reducer, when I listen for 'LOCATION_CHANGE', it doesn't catch anything.

import * as types from '../constants/actionTypes';
import objectAssign from 'object-assign';
import initialState from './initialState';

export default function listingsReducer(state = initialState.listings, action) {
  switch (action.type) {
    case 'LOCATION_CHANGE': {
        console.log(action); //currently doesn't get into this case block
        return state;
    }
    default:
        return state;
  }
}

What do I have to use in order to handle this action in my reducer?

• javascript
• reactjs
• redux
• react-router

2 Answers 2

Even better, use the constant provided by react-router :

import { LOCATION_CHANGE } from 'connected-react-router';

// ...

switch (action.type) {
    case LOCATION_CHANGE: {}
}

Change case 'LOCATION_CHANGE' to case '@@router/LOCATION_CHANGE'.