在继续之前,react native不等待来自api的响应

我刚刚开始玩react native,我有一个问题,就是函数在继续之前没有等待响应。

所以在chrome中,我的控制台日志显示:

用户存储

本州内容

从api/userstore[object object]返回数据

基本上getuserdetails是执行的,在调用api时,setdata函数运行,并且在返回api结果之前完成。

我希望在调用setdata之前完成getuserdetails函数。

我看了一下网上的资源,但不知所措。下面是我正在使用的代码(为了便于阅读nb,这一代码被删除了)。我正在使用mobx)

用户屏幕.js

constructor (props) {
    super(props);
    this.state = {
        data: null
    };
}

async componentDidMount() {
  this.props.commonStore.setLoading(true);
  await this.props.userStore.getUserDetails('1');        
  this.setData();
  this.props.commonStore.setLoading(false);   
}

setData() {
    this.setState({
      userDetails: this.props.userStore.userDetails
  });
  console.log('userStore' + this.props.userStore.userDetails)
  console.log('this state contents '+ this.state.userDetails);
}

render () {
  if(this.props.commonStore.isLoading===false) {
    return (<View><Text>Ready!!</Text></View>)
  }else{}
    return (<View><Text>Loading</Text></View>)
  }
}

UsStur.JS

@action getUserDetails = (userID) => {
    axios.get('http://192.168.1.9/user/' + userID)
    .then(response => {
      console.log('returned data from api / userstore ' +response.data.user);
      this.userdetails = response.data.user;
    }).catch(error => {
      console.log(error);
      this.error = error
    })   }

谢谢