Почему результат моего действия Redux Thunk возвращает обещание? - PullRequest
Новая
       5

Почему результат моего действия Redux Thunk возвращает обещание?

2 голосов
/ 06 марта 2019

После ввода правильного адреса электронной почты и пароля пользователя редуктор возвращает значение SIGNED_IN, заключенное в Обещание. Я не понимаю, почему он не возвращает просто 'SIGNED_IN': true? 

authentication: Promise
__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: Object
SIGNED_IN: true

Я отправляю это действие: 

const mapDispatchToProps = dispatch => ({
  authUser: () => dispatch(authUser('richard@tiger.com', 'xzy98765'))
})

Создатель действия: 

export const authUser = (email, password) => async dispatch => {
  console.log('asd')
  try {
    const user = await Auth.signIn(email, password)
    if (user.challengeName === 'MFA_SETUP') {
        // This happens when the MFA method is TOTP
        // The user needs to setup the TOTP before using it
        // More info please check the Enabling MFA part
        //Auth.setupTOTP(user);
    } else {
        // The user directly signs in
        console.log(user)
        return dispatch({type:'SIGN_IN_USER_SUCCESS'})
    } 
  } catch (e) {
    console.log(e)
    return dispatch({type:'SIGN_IN_USER_FAIL'})
  }
}

Разбавление: 

export default async (state, action) => {
  console.log('authReducer state',state)
 switch (action.type) {
  case 'SIGN_IN_USER_SUCCESS':
    return {
      ...state,
      SIGNED_IN: true
    }
  case 'SIGN_IN_USER_FAIL':
    return {
      ...state,
      SIGNED_IN: false
    }
  }
}

1 Ответ

1 голос
/ 06 марта 2019

Ваш редуктор не должен быть асинхронным (асинхронные функции всегда возвращают обещание). Просто сделай это так: 

export default function (state, action)

Это ваши действия, которые являются асинхронными, потому что они ожидают ответа, редуктор - это просто обычная функция, которая принимает значения от асинхронных действий.

...