javascript - whats - El reductor no captura la acción LOCATION_CHANGE

redux js ejemplos

Question

Estoy trabajando para que mi aplicación React / Redux actualice la URL en función de las acciones. He hecho un buen rato buscando. Pensé que tenía un control, pero obviamente me falta algo. Tengo otros reductores que responden correctamente.

Actualmente, solo intento registrar la acción.

Reductor de enrutamiento

const initialState = { locationBeforeTransitions: null };

export default function routing(state = initialState, action)
{
  switch (action.type)
  {
    case ''LOCATION_CHANGE'':
      console.log(action)

    default:
      return state

  }

}

Almacenar

/*
  Things from other people
 */

import { createStore, applyMiddleware, compose } from ''redux''
import { syncHistoryWithStore }                  from ''react-router-redux'';
import { browserHistory }                        from ''react-router''
import   thunkMiddleware                         from ''redux-thunk''
import   createLogger                            from ''redux-logger''

/*
  Things from us
 */

import { fetchSuitesAndFails, fetchResults } from ''./actions/actions'';
import   rootReducer                         from ''./reducers/index''

const enhancers = compose(
  window.devToolsExtension ? window.devToolsExtension() : f => f
);

const loggerMiddleware = createLogger()

/*
  Store
*/

export const store = createStore(
  rootReducer,
  enhancers,
  applyMiddleware(
    thunkMiddleware, // lets us dispatch() functions
    loggerMiddleware // neat middleware that logs actions
  )
);

// Export the history so we can keep track of things
export const history = syncHistoryWithStore(browserHistory, store);


/*
  Enable Hot Reloading for the reducers
  We re-require() the reducers whenever any new code has been written.
  Webpack will handle the rest
*/

if (module.hot) {
  // Enable Webpack hot module replacement for reducers
  module.hot.accept(''./reducers/index'', () => {
    const nextRootReducer = require(''./reducers/index'').default
    store.replaceReducer(nextRootReducer)
  })
}

Índice

/*
  React router needs
*/
import { combineReducers } from ''redux''
import { routerReducer }   from ''react-router-redux''

/*
  Reducers
*/
import suite          from ''./suite''
import suitesandfails from ''./suitesandfails''
import routing        from ''./routing''


/*
  Put them all together and return a single reducer
*/
const rootReducer = combineReducers({
  suite,
  suitesandfails,
  routing,
  routing: routerReducer
})

export default rootReducer

Answer 1

puede usar la cadena "@@ router / LOCATION_CHANGE" para atrapar la acción

....
case ''@@router/LOCATION_CHANGE'':
      console.warn(''LOCATION_CHANGE from your reducer'',action)
      return state

webpackbin DEMO

código de routerReducer de react-router-redux

Answer 2

También puede importar la constante de la biblioteca.

import { LOCATION_CHANGE } from ''react-router-redux'' ... case LOCATION_CHANGE: console.warn(''LOCATION_CHANGE from your reducer'',action) return state