2016-06-29 16 views
2

Reactアプリケーションの基本をブラウザに読み込もうとすると、次のように円を描いていきます。Newbie to React =>要素タイプが無効です:文字列が必要です

要素型が無効ですが:(内蔵部品のための)文字列 か(複合コンポーネント用)クラス/機能を期待したが得た:未定義。 (test.tsx)

/// <reference path="./typings/tsd.d.ts" /> 

    import * as React from "react"; 
    import * as ReactDOM from 'react-dom' 


    ReactDOM.render(
      <TodoApp name="jim"/>, document.getElementById('root') 
    ); 

    class TodoApp extends React.Component<any, any>{ 
     constructor(props) {super(props); this.state = {};} 

     render() { 
      return (
       <div> 
        <button>hit me</button> 
       </div> 
      ) 
     } 
    } 

export default TodoApp; 

test.htmlという

<html> 
    <body> 
    <div id="root"></div> 
    <script src="./bundle.js"></script>  
    </body> 
</html> 

TSXが遵守とBrowserifyにバンドルされ、次のエラーが束に発生しているよう

コードです。 js

具体的には、@ instantiateReactComponent(ノード)&不変関数

事前に感謝します!

答えて

3

renderを呼び出し、定義する前にコンポーネントを渡しています。

// won't work! 
var person = new Person() <-- undefined 
class Person {} 

// will work 
class Person {} 
var person = new Person() 

クラスは機能のように「吊り上げられ」ません。

関連する問題