Question

某些背景：当我在提取中使用简单的.then（）链并分配响应时，我就能使所有工作正常进行。我现在得到的错误是当我试图使我的动作异步，并在promise上使用await。

注意：我正在使用redux thunk。

actions.js：

export const onLoginPressed = async (params) => async (dispatch) => {
  try {
    const loginResp = await fetch("http://localhost:8000/api-token-auth/", {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(params)
    })

    let res = await loginResp.text();
    if (response.status >= 200 && response.status < 300) {
      let accessToken = res;
      dispatch(storeToken(accessToken));
    } else {
      let error = res;
      dispatch(failToken())
      throw error;
    }
  } catch (e) {
    console.log(e)
  }

}

export const failToken = () => {
  return {
    type: FAIL_TOKEN
  }
}

export const storeToken = (token) => {
  return {
    type: CREATE_TOKEN,
    token: token
  }
}

Answer 1

async关键字将确保返回了一个Promise，并且您不想返回一个Promise，而是一个函数。

从第一个函数中删除async关键字，它将按预期工作。

export const onLoginPressed = (params) => async (dispatch) => {
  // ...
}

动作必须是普通对象。使用自定义中间件进行异步操作-React Native Redux

1 个答案: