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);

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

1 个答案: