所以我有这段代码:
export default class Login extends Component {
constructor(props){
super(props);
this._fbAuth = this._fbAuth.bind(this);
this.login = this.login.bind(this);
}
login(){
this.props.navigator.push({
id: "Home",
});
}
_fbAuth(){
LoginManager.logInWithReadPermissions(['public_profile']).then(
function(result) {
if (result.isCancelled) {
alert('Login cancelled');
} else {
alert('Login success with permissions: '+result.grantedPermissions.toString());
this.login();
}
},
function(error) {
alert('Login fail with error: ' + error);
}
);
}
render() {
return (
<View style={styles.container}>
<View style={styles.botbuttoncontainer}>
<Text style={styles.otherlogintext}>Or log in using</Text>
<View style={styles.otherloginbutton}>
<TouchableOpacity style={styles.facebookbutton} activeOpacity={0.5} onPress={()=>this._fbAuth()}>
<Icons name="logo-facebook" size={20} color="white"/>
</TouchableOpacity>
<TouchableOpacity style={styles.twitterbutton} activeOpacity={0.5}>
<Icons name="logo-twitter" size={20} color="white"/>
</TouchableOpacity>
<TouchableOpacity style={styles.googlebutton} activeOpacity={0.5}>
<Icons name="logo-googleplus" size={20} color="white"/>
</TouchableOpacity>
</View>
</View>
</View>
);
}
}
每当我尝试使用Facebook登录时,它都会成功。但我总是得到一个警告说
&#34;可能的未处理的Promise拒绝(id:0):TypeError:undefined is 不是一个功能(评估&#39; this.login()&#39;)&#34;
我尝试绑定函数_fbAuth
并登录构造函数,但它仍会发出相同的警告。
答案 0 :(得分:3)
你需要绑定然后调用的内部函数。
实施例
LoginManager.logInWithReadPermissions(['public_profile']).then(
function (result) {
if (result.isCancelled) {
alert('Login cancelled');
}
else {
alert('Login success with permissions: ' + result.grantedPermissions.toString());
this.login();
}
}.bind(this),
function (error) {
alert('Login fail with error: ' + error);
}
);
或者您可以使用箭头功能
LoginManager.logInWithReadPermissions(['public_profile']).then(
(result) => {
if (result.isCancelled) {
alert('Login cancelled');
}
else {
alert('Login success with permissions: ' + result.grantedPermissions.toString());
this.login();
}
},
function (error) {
alert('Login fail with error: ' + error);
}
);
另一个好的做法是在使用Promise时使用catch
实施例
LoginManager.logInWithReadPermissions(['public_profile']).then(
(result) => {
if (result.isCancelled) {
alert('Login cancelled');
}
else {
alert('Login success with permissions: ' + result.grantedPermissions.toString());
this.login();
}
},
function (error) {
alert('Login fail with error: ' + error);
}
).catch((error) => console.error(error)); // error handling for promise