Reagieren nicht Rendern propagieren?

Question

Also aus irgendeinem Grund wird meine txt-Eigenschaft in meiner einfachen App nicht reagieren. mein Code in App.js Datei Dies ist:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
class App extends React.Component { 
    render() { 
    return <h1> {this.props.txt}</h1> 

    } 
} 
ReactDOM.render(<App txt="Hello world"/>, document.getElementById('app')) 

Dies ist der Fehler, die ich in Chrom-Entwickler-Tools-Konsole erhalten:

index.js:9576 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).warning @ index.js:9576createElement @ index.js:26847(anonymous function) @ index.js:7558__webpack_require__ @ index.js:20(anonymous function) @ index.js:48__webpack_require__ @ index.js:20(anonymous function) @ index.js:40(anonymous function) @ index.js:43 
index.js:8492 Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. 

Answer 1

-Code ist in Ordnung .. muß ein Problem mit etwas anderes sein (vielleicht webpack oder babel Setup?)

See example below 

https://jsfiddle.net/9dnu3pt8/

Answer 2

Sie Code ist in Ordnung und sollte funktionieren, da ist etwas mit Ihrer Umgebung. Verwenden Sie Webpack? Wenn ja, müssen Sie einige Voreinstellungen hinzufügen mit ECMA 2015

folgt eine Probe von package.json Datei

{ 
    "name": "project", 
    "version": "0.0.0", 
    "description": "", 
    "author": "", 
    "license": "BSD-2-Clause", 
    "dependencies": { 
    "react-dom": "~15.3.0", 
    "react": "~15.3.0" 
    }, 
    "devDependencies": { 
    "webpack": "~1.13.1", 
    "babel-loader": "~6.2.4", 
    "babel-preset-react": "~6.11.1", 
    "babel-core": "~6.11.4", 
    "babel-preset-es2015": "~6.9.0" 
    } 
} 

und webpack.config.js Datei

module.exports = { 
    entry: "./app/App.js", 
    output: { 
     filename: "public/bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        presets: ['react', 'es2015'] 
       } 
      } 
     ] 
    } 
}