如何在每个 js 文件中创建每个页面（react-native）？答案

【问题标题】：How to create each page in each js files (react-native)?如何在每个 js 文件中创建每个页面（react-native）？
【发布时间】：2015-11-16 15:48:12
【问题描述】：

如何在每个js文件中创建每个页面（react-native）？如何在此结构中包含第二页？或者我应该如何包含？

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

【问题讨论】：

您能否详细说明您在这里尝试实现的功能类型？谢谢。

标签： javascript reactjs react-native

【解决方案1】：

您缺少的是导出您的反应组件，以便它可以在其他 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);

【讨论】：