反应来自请求的本机传递响应

Question

我有一个主课

class test extends Component

我创建了一个组件来呈现登录页面

var PageLogin = React.createClass({

所以在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;
});