Question

我无法使用react native设置Firebase。

src / components / firebase.js

import firebase from '@firebase/app';
import '@firebase/auth';

const firebaseConfig  = {
    apiKey: "AIzaSyCJshsr47p3IriQGF0V4gaVd-bCuo_HN6A",
    authDomain: "auth-8f2ec.firebaseapp.com",
    databaseURL: "https://auth-8f2ec.firebaseio.com",
    projectId: "auth-8f2ec",
    storageBucket: "auth-8f2ec.appspot.com",
    messagingSenderId: "1013084520551"
  };


const Firebase = firebase.initializeApp(firebaseConfig);
export default Firebase;

src / components / LoginForm.js

首先我导入Firebase

import Firebase from './firebase';

然后通过这种方式进行身份验证。

Firebase.auth().signInWithEmailAndPassword(email, password)
.then(this.onLoginSuccess.bind(this))
.catch(() => {
  Firebase.auth().createUserWithEmailAndPassword(email, password)
  .then(this.onLoginSuccess.bind(this))
  .catch(this.onLoginFail.bind(this));
});
};

src / App.js

Firebase以这种方式导入

import Firebase from './components/firebase';

组件将挂载方法以这种方式运行。

componentWillMount(){
    Firebase.auth().onAuthStateChanged((user) => {
      console.log(Firebase.auth());
      if(user){
        console.log('firebase login success');
        this.setState({ loggedIn: true});
      }
      else{
        console.log('firebase login failed');
        this.setState({ loggedIn: false });
      }
    });
  };

结果是一个微调器。 Firebase的导入方式有问题。帮助将不胜感激。预先感谢。

谢谢。

Answer 1

奇怪的是，您在一开始使用“ @”导入。尝试通过这种方式导入：

import * as firebase from 'firebase/app';
import 'firebase/auth';

使用React Native设置Firebase

1 个答案: