问如何在我的帐户文件中使用firebase.auth而不重新初始化防火墙

EN

import React from 'react';
import firebase from 'firebase';
import { View, Image, TouchableOpacity, Text, TextInput } from 'react-native';
import { StackNavigator, TabNavigator } from 'react-navigation';
import { Card, Button, Spinner, CardSection } from '../common';
import LoginForm from '../LoginForm';
import router from '../../config/router';

class Account extends React.Component {
  state = { loggedIn: false };

  componentWillMount() {
    firebase.initializeApp({
    apiKey: 'sksssk',
    authDomain: 'ssjkjskjs',
    databaseURL: 'skhskjhsk',
    projectId: 'sijisj',
    messagingSenderId: 'jwuduwid'
  });
  firebase.auth().onAuthStateChanged((user) => {
    //event handler that handles either signing in or signing out
    if (user) {
      this.setState({ loggedIn: true });
    } else {
      this.setState({ loggedIn: false });
    }
  });
    }
    renderContent() {
      if (this.state.loggedIn) {
        return (
          <Provider store={store}>
            <Tabs />
            <Button>
              Log Out
            </Button>
          </Provider>
        );
      }

class App extends Component {
  state = { loggedIn: false };

  //lifecyle method for firebase initialization
  componentWillMount() {
    firebase.initializeApp({
        apiKey: 'sksssk',
        authDomain: 'ssjkjskjs',
        databaseURL: 'skhskjhsk',
        projectId: 'sijisj',
        messagingSenderId: 'jwuduwid'
  });
firebase.auth().onAuthStateChanged((user) => {
  //event handler that handles either signing in or signing out
  if (user) {
    this.setState({ loggedIn: true });
  } else {
    this.setState({ loggedIn: false });
  }
});
  }
  renderContent() {
    if (this.state.loggedIn) {
      return (
        <Provider store={store}>
          <Tabs />
        </Provider>
      );
    }
  }

  render() {
    return (
      <Provider store={store}>
        <Tabs />
      </Provider>
    );
  }
}

export default App;