如果您不想使用更完整的解决方案，如Redux Router，您可以使用Redux History Transitions，它可以让您编写如下代码：

export function login() {
  return {
    type: LOGGED_IN,
    payload: {
      userId: 123
    }
    meta: {
      transition: (state, action) => ({
        path: `/logged-in/${action.payload.userId}`,
        query: {
          some: 'queryParam'
        },
        state: {
          some: 'state'
        }
      })
    }
  };
}

这与您建议的类似，但更复杂一点。它仍然使用相同的历史库，因此它与 React Router 兼容。

我最终创建了一个超级简单的中间件，大致如下所示：

import history from "../routes/history";

export default store => next => action => {

    if ( ! action.redirect ) return next(action);

    history.replaceState(null, action.redirect);
}

所以从那里你只需要确保你的successful行为有一个redirect属性。另请注意，此中间件不会触发next(). 这是故意的，因为路由转换应该是动作链的末端。

对于那些使用中间件 API 层来抽象他们对isomorphic-fetch 之类的东西的使用，并且碰巧使用redux-thunk 的人，您可以简单地将您的dispatchPromise 链接到您的操作中，如下所示：

import { push } from 'react-router-redux';
const USER_ID = // imported from JWT;

function fetchUser(primaryKey, opts) {
    // this prepares object for the API middleware
}

// this can be called from your container
export function updateUser(payload, redirectUrl) {
    var opts = {
        method: 'PUT',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(payload)
    };
    return (dispatch) => {
        return dispatch(fetchUser(USER_ID, opts))
            .then((action) => {
                if (action.type === ActionTypes.USER_SUCCESS) {
                    dispatch(push(redirectUrl));
                }
            });
    };
}

这减少了按照此处的建议将库添加到您的代码中的需要，并且还可以像redux-history-transitions 中所做的那样，将您的操作与其重定向很好地协同定位。

这是我的商店的样子：

import { createStore, applyMiddleware } from 'redux';
import rootReducer from '../reducers';
import thunk from 'redux-thunk';
import api from '../middleware/api';
import { routerMiddleware } from 'react-router-redux';

export default function configureStore(initialState, browserHistory) {
    const store = createStore(
        rootReducer,
        initialState,
        applyMiddleware(thunk, api, routerMiddleware(browserHistory))
    );

    return store;
}

我知道我参加聚会有点晚了，因为 react-navigation 已经包含在 react-native 文档中，但它仍然对在他们的应用程序中使用/使用 Navigator api 的用户有用。我尝试过的有点不切实际，一旦 renderScene 发生，我就会将导航器实例保存在对象中-

renderScene(route, navigator) {
      const Component = Routes[route.Name]
      api.updateNavigator(navigator); //will allow us to access navigator anywhere within the app
      return <Component route={route} navigator={navigator} data={route.data}/>

}

我的 api 文件是这样的

'use strict';

//this file includes all my global functions
import React, {Component} from 'react';
import {Linking, Alert, NetInfo, Platform} from 'react-native';
var api = {
    navigator,
    isAndroid(){
        return (Platform.OS === 'android');
    },
    updateNavigator(_navigator){
      if(_navigator)
          this.navigator = _navigator;
    },
}

module.exports = api;

现在在你的行动中你可以简单地调用

api.navigator.push({Name:'routeName', data:WHATEVER_YOU_WANTED_TO_PASS)

你只需要从module中导入你的 api。