Как решить неожиданную ошибку токена в моем jsx?

Question

Я использую reactjs и это часть моей componentcode:

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

Когда я запускаю мой код, я получаю эту ошибку:

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

Это указывает на Выпускаемое заявление?

Answer 1

Вы должны получить имя компонента вне JSX и поместить его в переменную с первой заглавной буквой (так JSX определяет, является ли это пользовательский компонент):

myType() { 
    return myComponent; 
} 

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

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

Answer 2

Почему не попробовать

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