Ошибка синтаксического анализа: неожиданный токен, ожидаемый, в реакции jsx при добавлении ‹img›

Я получаю эту ошибку в моем компоненте:

Ошибка синтаксического анализа: неожиданный токен, ожидаемый ","

import React from 'react';
import logo from '../../Images/Logo.svg';

class Simulate extends React.Component{
    render(){
        return(
            this.state.wentWrong?
             (<div className="went-wrong-box">
                <div className="went-wrong-title">
                    <div className="went-wrong-title__img">
                        <img src={logo} alt="Logo">
                    </div>
                </div>
            </div>)
            :
            (<div>
                Other Content
            </div>)
        )
    }
}

Я почти уверен, что проблема в теге изображения, хотя логотип, используемый в src, уже импортирован, это происходит также, если я заменил логотип в src на строку, но если я удалил изображение, он работает:

return(
    this.state.wentWrong?
     (<div className="went-wrong-box">
        <div className="went-wrong-title">
            <div className="went-wrong-title__img">

            </div>
        </div>
    <div>)
    :
    (<div>
        Other Content
    </div>)
)

заранее спасибо


person Aya Salama    schedule 02.05.2019    source источник
comment
У вас есть <div> вместо </div>   -  person Pointy    schedule 02.05.2019
comment
@Pointy, это была опечатка, отредактировано   -  person Aya Salama    schedule 02.05.2019
comment
Я думаю, что JSX не поддерживает незакрытые теги. Сделать <img/> самозакрывающимся.   -  person Strelok    schedule 02.05.2019


Ответы (1)


Вы забыли закрыть свои <img> и последние <div> теги.

(<div className="went-wrong-box">
      <div className="went-wrong-title">
          <div className="went-wrong-title__img">
              <img src={logo} alt="Logo" /> // <- close this
          </div>
      </div>
</div>) // <- close this
person larz    schedule 02.05.2019
comment
да, проблема была в том, что я пропустил закрытие img - person Aya Salama; 02.05.2019