私のjsxで予期しないトークンエラーを解決するには？

Question

私はreactjsを使用していますが、これは私のcomponentcodeの一部です：

BabelLoaderError: SyntaxError: ../.../myComponent.js: Unexpected token (47:19 

これは、let文を指している：私は私のコードを実行すると

myType() { 
     return myComponent; 
    } 
    render() { 
       return (
       <div className="row"> 
        { 
         let thisType = this.myType; 
         return (<thisType />) 
        } 
       </div> 
      ); 
    } 

私はこのエラーを取得しますか？

Answer 1

を試していない理由：

myType() { 
    return myComponent; 
} 

render() { 
    let ThisType = this.myType(); 

    return (
     <div className="row"> 
      <ThisType /> 
     </div> 
    ); 
} 

Answer 2

あなたは（つまりJSXは、それがカスタムコンポーネントだかどうかを決定する方法です）あなたはJSXの外でコンポーネントの名前を取得し、大文字の最初の文字と変数にそれを置く必要があります

<div className='row'> 
    { this.myType() } 
</div>