React Native：从 class 调用功能组件内部的 function

Question

我不知道功能组件和 class 组件如何交互。 如何从 class 内部调用功能组件的 function？

我正在尝试调用 Initialize()

应用程序.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 的混淆更相关。 您正在尝试调用私有 function，仅在 Firebase 关闭 function 中可用。 如果要设置 Initialize function 可用，就像“静态”方法一样，请将其声明为属性：

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()
  }
}