警告：React.createElement：类型不应为空

Question

我正在使用 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 文件：

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;

ChooseLevel.js：

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;

Answer 1

您正在进行默认导出：export default ChooseLevel;，但导入其他内容：import { ChooseLevel } from './components/ChooseLevel';

import { ChooseLevel } from './components/ChooseLevel'; 大致转换为const ChooseLevel = require('./components/ChooseLevel').ChooseLevel;

要导入默认导出值，您需要import ChooseLevel from './components/Chooselevel';

看看http://es6-features.org/#Constants，它详细解释了每个 ES6 特性。