![](/img/trans.png)
[英]Unable to bind API data to this.setState in React JS using fetch
[英]Unable to get data using Fetch API in React
我有以下函数进行api调用并获取数据。
export function getUserData(url){
return fetch(url, { credentials : 'include'})
.then((response) => { return response.json()})
.then((data) =>{ return new User(data.uid, data.givenName, data.familyName)})
}
这是我的用户对象。
class User{
constructor(uid, givenName, familyName){
this.uid = yguid;
this.givenName = givenName;
this.familyName = familyName;
}
}
export default User;
现在,在我的react组件中,我试图实例化User对象。
class Header extends React.Component {
constructor(props) {
super(props);
this.state = { fullName: null, yguid: null };
}
componentWillMount(){
user = getUserData(url);
console.log(user);
//set state with User data
}
我的React组件中有以下import语句。
import User from '../models/user';
import '../api/util';
我的用户和函数getUserData都未定义。 我在做什么错以及如何解决。 提前致谢。
您的代码user = getUserData(url)
将用户设置为获取承诺。 您还需要在此处设置解析器。 我会这样写
componentWillMount(){
let user;
// getUserData actually returns a promise. resolve with a .then and set user to result
getUserData(url).then((result) => {
user = result;
console.log(user); // user should be defined here
// not sure if user is a state object or not but if it is set it like this
this.setState({user: user})
})
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.