我正在学习如何react ,我遇到了一个问题.为什么从异步函数返回时获取数据会返回一个promise ,但在异步函数本身中,它会正确地返回一个对象数组?
在componentDidMount()
上,我调用我的异步函数,该函数反过来获取api url:
componentDidMount() {
let data = this.getData();
console.log(data); // <-- Promise {_40: 0, _65: 0, _55: null, _72: null}
this.setState({
dataSource:this.state.dataSource.cloneWithRows(data),
})
}
async getData() {
const response = await fetch("http://10.0.2.2:3000/users", {
method: 'GET',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
}
});
const json = await response.json();
console.log(json); // <-- (5) [Object, Object, Object, Object, Object]
return json;
}
在console.log(json)
中,我得到了正确的json对象列表,我可以用json[0].name
访问它们.但后来,console.log(data)
返回了一个包含奇数数据的promise :
Promise {_40: 0, _65: 0, _55: null, _72: null}
... 我再也找不到我的json对象了.这是为什么?更重要的是,如何在componentDidMount()
中检索json数据,以便将其设置为dataSource
?