陣營從請求

Question

天然通過響應我有一個主類

class test extends Component

和我創建了一個組件呈現登錄頁面

​​

所以在test我的render方法可以做

return (
    <View> 
    <PageLogin></PageLogin> 
    </View> 
) 

此登錄類使用觸發PageLogin組件的login方法的表單。 login方法使用簡單的fetch將數據發佈到服務器。

login: function (values) { 
    AsyncStorage.getItem('@test:app_access_token', (error, token) => { 
    fetch(Config.BASE_URI + Config.LOGIN_URI, {//omitted}) 
    .then((response) => response.json()) 
    .then((responseData) => { 
     return responseData; 
    }) 
    .done(); 
    }); 
}, 

因此，從形式提交按鈕，我做

var response = this.login(values); 但是當我調試response是null

Answer 1

你的登錄請求觸發異步請求，所以你不能處理var response = this.login(values);

響應

嘗試將您的代碼更改爲：

login: function (values) { 
    return new Promise((resolve) => { 
    AsyncStorage.getItem('@test:app_access_token', (error, token) => { 
    fetch(Config.BASE_URI + Config.LOGIN_URI, {//omitted}) 
    .then((response) => response.json()) 
    .then((responseData) => { 
     resolve(responseData); 
     }); 
    }); 
    }); 
}, 

this.login(values).then((res)=>{ 
    var response = res; 
});