1 Вопрос: Ошибка синтаксического анализа: неожиданный токен, ожидаемый «,» в реакции jsx при добавлении <img> [дубликата]

вопрос создан в Thu, May 2, 2019 12:00 AM
    

На этот вопрос уже есть ответ здесь:

    

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

  

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

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>)
)

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

    
0
  1. У вас есть <div>, где вы должны иметь </div>
    2019-05-02 15: 12: 16Z
  2. @ Указывает, что это была опечатка, отредактировано
    2019-05-02 15: 13: 33Z
  3. Я думаю, что JSX не поддерживает закрытые теги. Сделайте <img/> самозакрывающимся.
    2019-05-02 15: 14: 30Z
1 ответ                              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
    
3
2019-05-02 15: 12: 21Z
  1. да, проблема в том, что я пропустил закрытие img
    2019-05-02 15: 17: 24Z
источник размещен Вот