React Native: вызов функции внутри функционального компонента из класса

Question

Я не понимаю, как взаимодействуют функциональные компоненты и компоненты классов. Как вызвать функцию функционального компонента из класса?

Я пытаюсь вызвать Initialize ()

App. js:

import Firebase from './components/Firebase';

export default class App extends React.Component {

  componentDidMount() {
  // Call Initialize()
  }    

Firebase . js:

const Firebase = () => {
   
  
  const Initialize = () => {
   // Initialize Firebase
   
      firebase.initializeApp(firebaseConfig);

      console.log("Firebase is initialized");
  }
}

export default Firebase;

Answer 1

Я думаю, что путаница больше связана с JavaScript, чем с какой-либо JavaScript библиотекой / фреймворком. Вы пытаетесь вызвать частную функцию, доступную только в функции закрытия Firebase. Если вы хотите сделать доступной функцию инициализации, например метод "stati c", объявите ее как свойство:

const Firebase = () => {
   ...
};
  
Firebase.Initialize = () => {
   // Initialize Firebase
   firebase.initializeApp(firebaseConfig);

   console.log("Firebase is initialized");
};

export default Firebase;

// and then

export default class App extends React.Component {
  componentDidMount() {
    Firebase.Initialize()
  }
}