.map() undefined even though I pass an array
<p>I'm trying to map an array in my Component render method but it keeps saying <code>.map is not a function</code> even though it's an array.</p>

<pre><code>return (
  &lt;select className="c-select"&gt;
    &lt;option value=""&gt;Choose your city&lt;/option&gt;
      {console.log(state.cities.items)}
      {state.cities.items.map(city =&gt; &lt;option key={city.slug} value={city.slug}&gt;{city.name}&lt;/option&gt;)}
  &lt;/select&gt;
);
</code></pre>

<p>The console log gives me this result:</p>

<blockquote>
  <p>[{"id":1,"name":"Berlin","country":"Germany","default":1,"slug":"berlin"},{"id":2,"name":"Hamburg","country":"Germany","default":0,"slug":"hamburg"}]</p>
</blockquote>

<p>I have no clue why <code>.map</code> is undefined - Am I missing something here?</p>