傳奇故事，並獲取承諾

Question

我一直在敲打桌子上我的頭在最後幾分鐘在這裏，由於該API的請求......

我有以下代碼：

城：

export function * registerFlow() { 
    while (true) { 
    const request = yield take(authTypes.SIGNUP_REQUEST) 
    console.log('authSaga request', request) 
    let response = yield call(authApi.register, request.payload) 
    console.log('authSaga response', response) 
    if (response.error) { 
     return yield put({ type: authTypes.SIGNUP_FAILURE, response }) 
    } 

    yield put({ type: authTypes.SIGNUP_SUCCESS, response }) 
    } 
} 

API請求：

// Inject fetch polyfill if fetch is unsuported 
if (!window.fetch) { const fetch = require('whatwg-fetch') } 

const authApi = { 
    register (userData) { 
    fetch(`http://localhost/api/auth/local/register`, { 
     method : 'POST', 
     headers : { 
     'Accept'  : 'application/json', 
     'Content-Type' : 'application/json' 
     }, 
     body : JSON.stringify({ 
     name  : userData.name, 
     email  : userData.email, 
     password : userData.password 
     }) 
    }) 
    .then(statusHelper) 
    .then(response => response.json()) 
    .catch(error => error) 
    .then(data => data) 
    } 
} 

function statusHelper (response) { 
    if (response.status >= 200 && response.status < 300) { 
    return Promise.resolve(response) 
    } else { 
    return Promise.reject(new Error(response.statusText)) 
    } 
} 

export default authApi 

的API請求，並返回一個有效的對象但是從佐賀調用返回總是未定義的。任何人都可以引導我到哪裏我錯了？

在此先感謝！

最好的問候，

布魯諾

Answer 1

你忘了return的承諾從你的函數。做它

const authApi = { 
    register (userData) { 
    return fetch(`http://localhost/api/auth/local/register`, { 
// ^^^^^^ 
     method : 'POST', 
     headers : { 
     'Accept'  : 'application/json', 
     'Content-Type' : 'application/json' 
     }, 
     body : JSON.stringify({ 
     name  : userData.name, 
     email  : userData.email, 
     password : userData.password 
     }) 
    }) 
    .then(statusHelper) 
    .then(response => response.json()); 
    } 
};