React Native Router Flux (React - Native - Router语言 - Flux) -在

Question

我有一个关于从减速器调用一个动作或只是重定向到另一个场景的问题。我想在用户成功登录后重定向到一个场景。我有我的action.js使用'redux-api-middleware'模块:

action.js

export const LOGIN_REQUEST = 'LOGIN_REQUEST';
export const LOGIN_SUCCESSFUL = 'LOGIN_SUCCESSFUL';
export const LOGIN_FAILED = 'LOGIN_FAILED';
export function login(data) {
  return {
    [CALL_API]: {
      endpoint: API_ROOT + 'login',
      method: 'POST',
      types: [LOGIN_REQUEST, LOGIN_SUCCESSFUL, LOGIN_FAILED],
      body: JSON.stringify(data)
    }
  }
}

reducer.js

function login(state = initalstate, action){
  switch (action.type) {
    case LOGIN_REQUEST:
        return {
            ...state,
          isFetching: true
        };
    case LOGIN_FAILED:
        return {
            ...state,
          error: action.error,
          isFetching: false
        };
    case LOGIN_SUCCESSFUL:
        return {
            ...state,
          error: null,
          isFetching: false
        };  
      break;
    default:
      return state;
  }
}

现在，如果我得到LOGIN_SUCCESSFUL，我想调用ActionsMY_SCENE_KEY这样的动作来重定向到下一个屏幕。当我在减速器中调用Actions时，我得到一些错误，这可能是错误的方法。

Answer 1

你不应该用你的减速器触发动作。你有两个选择:

1)当你的用户成功登录时，你可以在你的状态中反映:

case LOGIN_SUCCESSFUL:
    return {
        ...state,
      error: null,
      isFetching: false,
      loggedIn: true,
    }; 

这样在你的容器连接到你的状态，你可以检查这个状态。loggedIn值，并通过调度转换操作相应地触发转换。

2)当您处理登录API响应时，在成功的回复上，您可以简单地调度转换场景动作以重定向到下一个屏幕(您可以将此与成功的登录动作调度结合起来)。