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闭包函数中可用。如果要设置初始化功能（如“静态”方法），请将其声明为属性：

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

React Native：从类中调用功能组件内部的函数

1 个答案: