我正在尝试制作登录/创建帐户屏幕,但我无法让我的异步正常工作。 Await 不起作用,我的控制台在调用 authToken 后立即打印出未找到的内容,然后打印"即将调用 saveUserToken"。
我在单击创建帐户按钮后调用此名称。
async createUser() {
if ((this.state.email != "" && this.state.fname != "" && this.state.lname != "" && this.state.password != "" && this.state.confirmPassword != "")) {
if (this.state.password == this.state.confirmPassword) {
const authToken = await QueryHandler.createUser(this.state.email, this.state.password, this.state.fname, this.state.lname);
console.log(authToken);
console.log('About to call saveUserToken');
const storeToken = await SecureDataStorage.saveUserToken(authToken);
console.log(storeToken);
ToastHandler.displayNormalMessage('Stored Token');
const t = await SecureDataStorage.getUserToken();
console.log('Got from SecureStorage:' + t)
if(r) {
//Succesful result...
ToastHandler.displayNormalMessage('Account Created!');
} else {
//Error...
ToastHandler.displayErrorMessage('Could not Create Account');
}
//Then navigate to login screen...
} else {
ToastHandler.displayErrorMessage('Passwords do not Match')
}
} else {
ToastHandler.displayErrorMessage('Please Fill in all Fields');
}
}
This is my create user method.
static createUser(e, p, f, l) {
result = '';
axios.post((GRAPHQL_END_POINT), {
query: print(Queries.CREATE_USER),
variables: {
firstName: f,
lastName: l,
email: e,
password: p
}
})
.then(res => {
this.result = res.data.data.createUser.jwt;
console.log(this.result);
return true;
// console.log(this.result);
})
.catch(err => {
console.log(err)
return false;
})
// return this.result;
}
问题可能是 在 saveUserToken()
.如果它是异步的,请确保它在返回结果之前等待结果。
你应该尝试让createUser异步,这样你就不会将承诺与异步语法混合在一起。
async createUser(e, p, f, l) {
const res = await axios.post((GRAPHQL_END_POINT), {
query: print(Queries.CREATE_USER),
variables: {
firstName: f,
lastName: l,
email: e,
password: p
}
})
console.log('res', res)
return res.data.data.createUser.jwt;
}