reactjs - react-navigation redux dispatch is not a function 错误

Question

我在使用 react-navigation 的 react-native redux 应用程序中遇到错误，我有一个多阶段注册页面，该页面在第一阶段完成后重定向。

重定向成功，但显示如下错误。

Possible Unhandled Promise Rejection (id: 0):
TypeError: dispatch is not a function

我在承诺中调用调度，如下所示：

    export const registerUser = ({ email, username, password }) => (dispatch) => {
  dispatch({ type: REGISTER_USER_START });

  register(email, username, password)
    .then(() => {
        dispatch({ type: REGISTER_USER_SUCCESS });
        dispatch(NavigationActions.navigate({ routeName: 'RegisterDetails' }));
    })
    .catch((error) => {
      console.log('error', error);
      dispatch({ type: REGISTER_USER_FAIL })
  });
};

这些是我的路线

const AuthStack = StackNavigator({
  RegisterUser: { screen: RegisterUser },
  RegisterDetails: { screen: RegisterDetails },
  RegisterComplete: { screen: RegisterDetails },
  PasswordRecovery: {screen: PasswordRecovery}
});

const AppStack = StackNavigator({
  Landing: { screen: Landing }
});

const AppNavigator = SwitchNavigator({
  Auth: AuthStack,
  App: AppStack
},
{
  initialRouteName: 'Auth',
});

export default AppNavigator;

这是我的导航减速器

import AppNavigator from '../routes';
const INITIAL_STATE = AppNavigator.router.getStateForAction('RegisterUser');

export default (state = INITIAL_STATE, action) => {
    let nextState;

    switch (action.type) {
        default:
        nextState = AppNavigator.router.getStateForAction(action, state);
        break;
    }
    return nextState || state;
};

如果我单击后退按钮，应用程序会崩溃并出现以下错误屏幕

标签： reactjsreduxreact-navigation