title: Parsing error: Unexpected token, expected "," in react jsx when adding <img>
body: <p>I get this error in my component:</p>
  
  <blockquote>
    <p>Parsing error: Unexpected token, expected ","</p>
  </blockquote>
  
  <pre><code>import React from 'react';
  import logo from '../../Images/Logo.svg';
  
  class Simulate extends React.Component{
      render(){
          return(
              this.state.wentWrong?
               (&lt;div className="went-wrong-box"&gt;
                  &lt;div className="went-wrong-title"&gt;
                      &lt;div className="went-wrong-title__img"&gt;
                          &lt;img src={logo} alt="Logo"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;)
              :
              (&lt;div&gt;
                  Other Content
              &lt;/div&gt;)
          )
      }
  }
  </code></pre>
  
  <p>I'm pretty sure that the problem in the image tag, although the logo used in src is already imported, this happens also if I replaced the logo in src with a string, but if I removed the image, it works:</p>
  
  <pre><code>return(
      this.state.wentWrong?
       (&lt;div className="went-wrong-box"&gt;
          &lt;div className="went-wrong-title"&gt;
              &lt;div className="went-wrong-title__img"&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;div&gt;)
      :
      (&lt;div&gt;
          Other Content
      &lt;/div&gt;)
  )
  </code></pre>
  
  <p>thanks in advance</p>