Javascript 使用多个模块以本机方式响应以构建应用程序

我是英语初学者。但不能使用JavaScript

在我的app.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>);
    }
}

导出默认类应用程序扩展组件{
建造师（道具）{
超级（道具）；
//初始化许多模块
这个。所有_模块=[]；
var MenuGame=require（'/modules/mod_menu/mod_menu.js'）；
这个.all_modules.push（new MenuGame（））；
}
render（）{
//渲染所有模块
var视图=[]；
视图=此.all_modules.map（函数（模块）{
返回module.render（）；
});
返回（{views}）；
}
}

在我的mod_menu.js中，我有：

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

类MenuGame扩展了React.component{
render（）{
返回（foo）；
}
}

运行此代码时，我发现以下错误元素类型无效：应为字符串或类/函数，但未定义检查“App”的呈现方法

其目的是让一种控制器App.js负责应用程序的生命周期。App.js只需初始化所有模块并对其调用render。每个模块将构建应用程序

你能帮我吗

编辑：源代码：

编辑：

请注意mod_menu\u game.js和mod_menu\u game.view.js中的以下内容：

var {
  Text
} = React;

这就是你问题的原因<代码>组件应该从

react native

导入，而不是从

react

导入

要修复它，请将其（两个文件）替换为以下内容：

import { Text } from 'react-native';

---

注意：在mod\u menu\u game.js中，您将在

render（）中返回两个组件（第53行和第54行）。我的建议是在退回之前将它们包装在
中。同样，请确保它是从
react native
导入的。这正是我所做的，我将编辑我的帖子并添加所有文件。我的想法是从mod_menu_game.view.js获取视图，但因为遇到一些麻烦，我关闭了视图。@Su4p很高兴我能提供帮助。没什么好羞愧的，希望你喜欢学习。我总是喜欢学习。我正试着享受RN。如果我能让RN按我所希望的那样工作，那就好了。我现在知道我可以。你帮了大忙。