React.createClassを持つコンポーネント内のSyntaxError

Question

私は最終的にいくつかの計算を行い、その結果を自分のコンポーネントに返す関数をReactで作成しようとしています。この機能は実行されていないので、私がこれでどこに行くのか分からない場合は、私に感謝してください。

私はReact.createClassを使用しています。

コードは、この

render: function() { 
    return (
     <div className="container"> 
     <h3 className="time">{this._getTime(1)}</h3> 
     </div> 
    ); 
    } 

    _getTime(time) { 
    if (time === 1) { 
     return '1'; 
    } else if (time === 2) { 
     return '2'; 
    } else { 
     return 'stuff'; 
    } 
    } 

のように見えるこれはちょうどにSyntaxErrorを返します：予期しないトークンが_getTimeを指します。 何が間違っているのかについてのヒント？

Answer 1

React.createClassを使用しているようですが、これはObject引数を受け取ります。

オブジェクトであるため、各プロパティまたは略語のメソッドの間にカンマが必要です。

https://jsfiddle.net/pfnfvyb1/

class

var Hello = React.createClass({ 
    render: function() { 
    return (
     <div className="container"> 
     <h3 className="time">{this._getTime(1)}</h3> 
     </div> 
    ); 
    }, // <--- comma added here 

    _getTime(time) { 
    if (time === 1) { 
     return '1'; 
    } else if (time === 2) { 
     return '2'; 
    } else { 
     return 'stuff'; 
    } 
    } 
}); 

は、カンマ区切り文字を使用していないので、2つのスタイルを切り替えるとき、この問題が一般的です。