title: Syntax error: Unexpected token, expected ,
body: <p>I'm getting this syntax error in react:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>Unexpected token, expected , (22:4)
  
    20 |           &lt;/div&gt;
    21 |       &lt;/div&gt;
  &gt; 22 |   )}
       |    ^
    23 |      &lt;/section&gt;
    24 |    );
    25 |  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've looked at every tag and bracket multiple times through, to see if all had their opening and closing tag/bracket, and I can't seem to find the error. It could be something else, but I'm not good enough in javascript to spot the mistake.</p>
  
  <p>I don't understand the error message either, what excactly does it mean when it says "expected ,"?</p>
  
  <p>Here is the code the error message refering to:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import dropdownlist from './dropdowndata';
  
  class Links extends Component {
   render() {
       return (
       &lt;section&gt;
        { dropdownlist.map(drop =&gt;(
          &lt;div className="dropdown"&gt;
          &lt;button className="dropdownhover"&gt; {drop.name} &lt;/button&gt;
          &lt;div className="links"&gt;
          
          drop.button.map(button =&gt; (
       &lt;div className="linkssection"&gt;
         &lt;h2&gt; {button.title} &lt;/h2&gt;
         &lt;ul&gt;&lt;li&gt;&lt;a className="singlelink" href={button.url}&gt;{button.urlText}&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
       &lt;/div&gt;
          ))
       
          &lt;/div&gt;
          &lt;/div&gt;
     )}
    &lt;/section&gt;
    );
   }
  }
  
  export default Links;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks in advance! :)</p>