javascript - React 本机方法未定义

Question

我试图在AccessToken.getCurrentAccessToken()中调用signInWithFacebook方法，但获取signInWithFacebook是未定义的。如果我在LoginManager.logInWithReadPermissions函数之外调用该方法，则该方法可以正常工作。我似乎无法调用LoginManager.logInWithReadPermissions中的任何方法

我是新来的反应本地人请帮忙。谢谢。

const FBSDK = require('react-native-fbsdk');
const {
  LoginManager,
  AccessToken,
} = FBSDK;
import React from 'react';
import { Text, View, TouchableOpacity, Image } from 'react-native';

import { connect } from 'react-redux';

import { firebaseActions as auth } from "../actions";
const { signInWithFacebook } = auth;



class FacebookLogin extends React.Component {
  constructor() {
    super();

    this.onSuccess = this.onSuccess.bind(this);
    this.onError = this.onError.bind(this);
    this.onSignInWithFacebook = this.onSignInWithFacebook.bind(this);
  }

  async onSignInWithFacebook() {

    LoginManager.logInWithReadPermissions(["public_profile"]).then(
      function (result) {
        if (result.isCancelled) {
          console.log("Login was Cancelled");
        } else {

          AccessToken.getCurrentAccessToken().then(
            (data) => {
              this.props.signInWithFacebook(data.accessToken, this.onSuccess, this.onError);
            }
          );
        }
      },
      function (error) {
        console.log("An error has occured" + error);
      }
    );

  }

  onSuccess({ exists, user }) {
    console.log(
      "Login Success"
    );

  }

  onError(error) {
    console.log(error.message);
  }

  render() {
    return (
      <View>
        <TouchableOpacity
          onPress={this.onSignInWithFacebook}
        >
          <Text>Login</Text>
        </TouchableOpacity>
      </View>
    );
  }
}

export default connect(null, { signInWithFacebook })(FacebookLogin);

标签： javascriptreact-nativereduxreact-native-fbsdk

Answer 1

在上一个版本中情况发生了变化。

logInWithReadPermissions是旧的react-native-fbsdk 版本 0.8.0 中的一种方法。

logInWithPermissions应该从 react-native-fbsdk 版本 0.10.0 开始使用。