Achtung: React.createElement: Typ darf nicht null sein

Question

ich meine erste App mit reactJS bin zu schaffen, aber ich erhalte immer diese Fehlermeldung:

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' 

ich schon ein Dutzend Fragen gelesen habe aber keine Sie haben mir geholfen, dieses Problem zu lösen. Hier sind meine Dateien:

meine app.js Datei:

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

Sie sind eine Standard-Export machen: export default ChooseLevel; aber den Import etwas anderes : import { ChooseLevel } from './components/ChooseLevel';

import { ChooseLevel } from './components/ChooseLevel'; wandelt etwa const ChooseLevel = require('./components/ChooseLevel').ChooseLevel;

Um den Standard-Exportwert zu importieren Sie benötigen, um zu import ChooseLevel from './components/Chooselevel';

einen Blick auf http://es6-features.org/#Constants Nehmen Sie es jeden ES6 Funktion im Detail erklärt.