私はmakeとapiを呼び出してデータを取得する次の関数を用意しました。Fetch APIを使用してReactでデータを取得できません
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;
私のリアクションコンポーネントで、私は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 User from '../models/user';
import '../api/util';
私のユーザと関数getUserDataはどちらも未定義です。私は間違って何をしていますか、それをどうやって修正しますか?前もって感謝します。
url paramはどこから来たのですか?そしてあなたは破壊によってあなたの関数をインポートしようとしましたか? '../ api/util 'から' import {getUserData}'; '? –