0

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

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

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

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

更新：下面的代码

index.ios.js

import App from './src/app'; const app = new 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;
4

1 回答 1

0

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

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

AppRegistry.registerComponent('MyApp', ()=>EntryPoint);
于 2017-06-15T13:42:11.683 回答