Reactjs 警告：React.createElement:类型不应为null

我正在使用reactJS创建我的第一个应用程序，但我一直遇到以下错误：

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM element) or a ReactClass (for composite components). Check the render method of 'App'

我已经读了十几个问题，但没有一个能帮我解决这个问题。 这是我的档案：

我的app.js文件：

ChooseLevel.js：

---

您正在进行默认导出：导出默认选择器级别；但是导入其他内容：从“./components/ChooseLevel”导入{ChooseLevel}

从“./components/ChooseLevel”导入{ChooseLevel}；大致转换为const ChooseLevel=require./components/ChooseLevel.ChooseLevel

要导入默认导出值，需要从“./components/ChooseLevel”导入ChooseLevel

---

看看它，它详细地解释了ES6的每一个特性。

renderContent甚至做了什么？返回组件。。。此外，当您通过foreatch或similargreat、upvote执行行操作时，必须返回组件。。我需要一个咨询：作为react native tag的顶级用户，您认为学习它值得吗？！有人说这很完美，有人说这是个糟糕的主意。。所以我很困惑，我想为Android和iOS操作系统制作一个移动应用程序，那么，有可能通过react native制作专业应用程序吗？或者react native让我们制作初学者应用程序？另外，react native创建的应用程序的质量如何？谢谢，我绝对不应该在名单上。我只是玩了一会儿，没有丰富的经验。尽管如此，这些评论并不是寻找这些信息的合适地方，如果这是SO或programmers.SE的问题，您和社区将受益更多。我相信之前已经有很多人讨论过这个话题了。

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Header } from './components/common';
import { ChooseLevel } from './components/ChooseLevel';

class App extends Component {

  renderContent() {
    <ChooseLevel/>
  }

  render() {
    return (
      <View>
        <Header headerText="my app" />
        {this.renderContent()}
      </View>
    );
  }
}

export default App;

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class ChooseLevel extends Component {

  render() {
    var rows = [];

    for (var i=1; i <= 10; i++) {
        rows.push(
          <button style={styles.squareStyle}> 
            Level   
          </button>
        );
    }


    return (
      <div>
        {rows}
      </div>
    );
  }
}

const styles = {
  squareStyle: {
    flex:0.3,
    height:60
  }
};

export default ChooseLevel;