好吧，我最终在 redux 的 github 页面上找到了答案，因此将其发布在这里。希望它可以为某人节省一些痛苦。

@deowk 这个问题有两个部分，我想说。第一个是 componentWillReceiveProps() 不是响应状态变化的理想方式——主要是因为它迫使你进行命令式思考，而不是像我们在 Redux 中那样被动地思考。解决方案是将您当前的路由器信息（位置、参数、查询）存储在您的商店中。然后你的所有状态都在同一个地方，你可以使用与其余数据相同的 Redux API 订阅它。

诀窍是创建一个动作类型，当路由器位置改变时触发。这在即将发布的 React Router 1.0 版本中很容易：

// routeLocationDidUpdate() is an action creator
// Only call it from here, nowhere else
BrowserHistory.listen(location => dispatch(routeLocationDidUpdate(location)));

现在您的商店状态将始终与路由器状态同步。这解决了手动对上面组件中的查询参数更改和 setState() 做出反应的需要——只需使用 Redux 的连接器。

<Connector select={state => ({ filter: getFilters(store.router.params) })} />

问题的第二部分是您需要一种方法来对视图层之外的 Redux 状态变化做出反应，比如触发一个动作来响应路由变化。如果您愿意，您可以继续将 componentWillReceiveProps 用于您描述的简单情况。

但是，对于更复杂的事情，如果您愿意，我建议使用 RxJS。这正是 observable 的设计目的——反应式数据流。

要在 Redux 中做到这一点，首先要创建一个可观察的商店状态序列。你可以使用 rx 的 observableFromStore() 来做到这一点。

按照CNP 的建议进行编辑

import { Observable } from 'rx'

function observableFromStore(store) {
  return Observable.create(observer =>
    store.subscribe(() => observer.onNext(store.getState()))
  )
}

那么这只是使用 observable 操作符订阅特定状态更改的问题。以下是成功登录后从登录页面重定向的示例：

const didLogin$ = state$
  .distinctUntilChanged(state => !state.loggedIn && state.router.path === '/login')
  .filter(state => state.loggedIn && state.router.path === '/login');

didLogin$.subscribe({
   router.transitionTo('/success');
});

这种实现比使用命令式模式（如 componentDidReceiveProps()）的相同功能要简单得多。

如前所述，该解决方案有两个部分：

1）将路由信息链接到状态

为此，您所要做的就是设置react-router-redux。按照说明操作，您会没事的。

一切都设置好后，你应该有一个routing状态，像这样：

2）观察路由变化并触发你的动作

在你的代码中，你现在应该有这样的东西：

// find this piece of code
export default function configureStore(initialState) {
    // the logic for configuring your store goes here
    let store = createStore(...);
    // we need to bind the observer to the store <<here>>
}

您要做的是观察商店的变化，以便dispatch在发生变化时可以采取行动。

正如@deowk 提到的，您可以使用rx，也可以编写自己的观察者：

reduxStoreObserver.js

var currentValue;
/**
 * Observes changes in the Redux store and calls onChange when the state changes
 * @param store The Redux store
 * @param selector A function that should return what you are observing. Example: (state) => state.routing.locationBeforeTransitions;
 * @param onChange A function called when the observable state changed. Params are store, previousValue and currentValue
 */
export default function observe(store, selector, onChange) {
    if (!store) throw Error('\'store\' should be truthy');
    if (!selector) throw Error('\'selector\' should be truthy');
    store.subscribe(() => {
        let previousValue = currentValue;
        try {
            currentValue = selector(store.getState());
        }
        catch(ex) {
            // the selector could not get the value. Maybe because of a null reference. Let's assume undefined
            currentValue = undefined;
        }
        if (previousValue !== currentValue) {
            onChange(store, previousValue, currentValue);
        }
    });
}

现在，您所要做的就是使用reduxStoreObserver.js我们刚刚编写的来观察变化：

import observe from './reduxStoreObserver.js';

export default function configureStore(initialState) {
    // the logic for configuring your store goes here
    let store = createStore(...);

    observe(store,
        //if THIS changes, we the CALLBACK will be called
        state => state.routing.locationBeforeTransitions.search, 
        (store, previousValue, currentValue) => console.log('Some property changed from ', previousValue, 'to', currentValue)
    );
}

上面的代码使我们的函数在每次 locationBeforeTransitions.search 状态改变时（作为用户导航的结果）被调用。如果需要，您可以观察 que 查询字符串等。

如果您想因路由更改而触发操作，您只需store.dispatch(yourAction)在处理程序内部即可。