如何在每個js文件中創建每個頁面（react-native）？

Question

如何在每個js文件中創建每個頁面（react-native）？ 如何在這個結構中包含第二頁？ 或者我應該如何包括？

var SecondPage = React.createClass({
  render: function() {
      return (
      );
    }
});

Answer 1

您缺少的是導出您的react組件，以便可以在其他js文件中使用它。

將第二頁代碼放在一個單獨的文件中，例如：secondPage.js。 這個文件看起來像這樣：

'use strict';

var React = require('react-native');

var SecondPage = React.createClass({

    render: function() {
        return (
        );
    },
});

module.exports = SecondPage;

要使用組件，只需使用require導入它即可。 （並且不要忘記設置新腳本文件的正確路徑）：

var React = require('react-native');
var SecondPage = require('./path_to_script/SecondPage');

var {
  AppRegistry,
} = React;

var MyApp = React.createClass({

     render: function() {
        return (
          <SecondPage />
        );
     },
});

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