FB 与 react native 集成时出错

Question

我正在尝试将 FB 与我的 React Native 应用程序集成。当我第一次尝试以下代码时，我成功地显示了一条登录消息，但从那以后我收到了这条消息“Facebook 登录错误：未定义警报”。

我从 FB 开发人员页面获取此代码并按照说明进行操作，但看起来我遗漏了一些东西。

我会感谢任何指针

import React from 'react';
import styles from '../styles'
import {connect} from 'react-redux';
import {login} from '../redux/actions'
import * as Facebook from 'expo-facebook';

import { 
  Text, 
  View
} from 'react-native';

class Home extends React.Component {
  state = {}

  componentWillMount() {
    this.props.dispatch(login("Whats Upp"))
    this.login()
  }

  login = async () => {
    try {
      await Facebook.initializeAsync({
        appId: '1742056282625463',
      });
      const {
        type,
        token,
        expirationDate,
        permissions,
        declinedPermissions,
      } = await Facebook.logInWithReadPermissionsAsync({
        permissions: ['public_profile'],
      });
      if (type === 'success') {
        // Get the user's name using Facebook's Graph API
        const response = await fetch(`https://graph.facebook.com/me?access_token=${token}`);
        Alert.alert('Logged in!', `Hi ${(await response.json()).name}!`);
      } else {
        // type === 'cancel'
      }
    } catch ({ message }) {
      alert(`Facebook Login Error: ${message}`);
    }
  }


  render() {
    return (
      <View>
        <Text>{this.props.user}</Text>
      </View>
    )
  }
}

function mapStateToProps(state) {
  return {
    user: state.user
  };
}
export default connect(mapStateToProps)(Home);

Answer 1

尝试从 react-native 导入 Alert：

import { 
  Text, 
  View,
  Alert
} from 'react-native';