複数のモジュールを使用してAppを構築するReact-Native

Question

私は反応ネイティブの初心者です。 JavaScriptではできません。私app.jsで

私はそのような何かをしたいと思います：私のmod_menu.jsで

export default class App extends Component { 
    constructor(props){ 
     super(props); 
     //init a lot of modules 
     this.all_modules = []; 
     var MenuGame = require ('/modules/mod_menu/mod_menu.js'); 
     this.all_modules.push(new MenuGame()); 
    } 
    render(){ 
     //render all modules 
     var views = []; 
     views = this.all_modules.map(function(module){ 
      return module.render(); 
     }); 
     return (<View>{views}</View>); 
    } 
} 

を私が持っている：

Class MenuGame extends React.component{ 
    render(){ 
     return(<Text>foo</Text>); 
    } 
} 

私は、私は次のエラーを取得するこのコードを実行すると、要素タイプが無効です：文字列またはクラス/関数は未定義ですが、 'App'のレンダリングメソッドを確認してください

ライフサイクルを担当するApp.jsコントローラアプリのe。 App.jsはすべてのモジュールを初期化して、それらのレンダリングを呼び出すだけです。各モジュールはAppをビルドします。

私を助けることができますか？

EDIT：ソースコード：https://jsfiddle.net/n7habkt3/

Answer 1

編集：これは

var { 
    Text 
} = React; 

：

注意がmod_menu_game.jsとmod_menu_game.view.jsで次あなたの問題の原因。 <Text>コンポーネントはreact-nativeからインポートする必要がありますが、reactではインポートできません。

それを修正するには、次のようにそれ（両方のファイル）を置き換える：

import { Text } from 'react-native'; 

P.Sを：mod_menu_game.jsでは、あなたがrender()に二つの成分（ライン53および54）戻ってきています。私の提案は、それらを返す前に<View>にラッピングすることです。再度、react-nativeからインポートされていることを確認してください。