React Native Navigation 中的 componentWillMount 函数

Question

我是 Ract Native 的新手，我正在尝试使用 react native 导航构建一个小应用程序。

我可以在他们网站上提供的电影应用示例（反应原生导航）中看到，他们没有在 app.js 中使用 componentWillMount 函数，而是在构造函数中调用了 startApp() 函数。

我基本上是想在 componentWillMounth 函数中定义 firebase 配置，但是一个简单的控制台日志显示该函数不知何故永远不会运行。

我想正确设置应用程序，以获得最佳性能，所以我想知道使用 startApp 功能是否基本相同，不需要使用 componentWillMount 功能？

更新：以下代码

index.ios.js

import App from './src/app'; const app = new App();

app.js

import ...

class App extends Component {
    state = {
      loggedIn: null
    }

  constructor(props) {
    super(props);
    this.startApp();
  }

  componentWillMount() {
    console.log('COMPONENT WILL MOUNT');
    // Initialize Firebase
    const config = {
      ...
      ...
    };
    firebase.initializeApp(config);
  }


  startApp() {
    console.log('START APP');

    // Initialize Firebase here???




const tabs = [
     ...
];

  if (this.state.loggedIn) {
    Navigation.startTabBasedApp({
      tabs,
      tabsStyle: {
        ...
      }
    });
  } else {
    Navigation.startSingleScreenApp({
      ...
    });
  }
  } // startApp
}
export default App;

Answer 1

您的 componentWillMount 没有被执行，因为您没有在 React 渲染生命周期内使用您的组件（您不是在 render 中实例化它，而是在 new 中实例化它，这只会运行组件的构造函数。移动将它添加到您的索引渲染方法中，如下所示：

class EntryPoint extends React.Component {
  render(){
    <App />
  }
}

AppRegistry.registerComponent('MyApp', ()=>EntryPoint);