Reactはプロットをレンダリングしませんか？

Question

何らかの理由で、反応が私の単純なアプリで私のtxtプロパティをレンダリングしていません。 これはApp.jsファイル内の私のコードです：

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')) 

は、これは私がクロム開発ツールのコンソールで取得エラーです：

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

コードは罰金..です（何か他に問題がなければなりませんおそらくWebPACKのか、バベルセットアップ？）

See example below 

https://jsfiddle.net/9dnu3pt8/

Answer 2

ますコードは問題なく、うまくいくはずです。あなたの環境には何かがあります。ウェブパックを使用していますか？もしそうなら、あなたは2015年

がpackage.jsonファイル

{ 
    "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" 
    } 
} 

とwebpack.config.jsファイルあなたが反応を使用しているの

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