title: Getting unexpected token, expected "," while trying to map an array in React
body: <p>So, this is what I'm doing inside of the return:</p>
  <pre><code>return (
      
      &lt;React.Fragment&gt;
        &lt;Styles&gt;
        &lt;Container&gt;
            &lt;Row className=&quot;rows container&quot;&gt;
            {results.length &gt; 0 &amp;&amp; (  
            {results.map(result =&gt; (
              
              &lt;Col className=&quot;columns &quot; xs={12} sm={6} md={4} lg={3} &gt;
                &lt;img src={result.poster_path}  alt=&quot;movie poster&quot; /&gt;
                &lt;/Col&gt;
                
            ))}
            )} 
                
            
          &lt;/Row&gt;
          &lt;/Container&gt;
          &lt;/Styles&gt;
      &lt;/React.Fragment&gt;
    )
  </code></pre>
  <p>But, it's giving me the error  Unexpected token, expected &quot;,&quot; . I don't understand, especially because I have used the same syntax in another component and that's not reporting any errors.</p>