title: React js component, map works, foreach doesn't
body: <p>I have a component that renders tags. It loops through a Map and displays the data. I tryed using forEach but it doesn't work. However it works if I convert the map to an array (foreach doesn't work on the array either). What am I missing here?</p>
  
  <p>This works:</p>
  
  <pre><code>render(){
      return(
          &lt;div class="container"&gt;
              {Array.from(this.props.tags.values()).map((tag,i) =&gt; (
                  &lt;Tag
                      handleKeyDown={this.handleKeyDown.bind(this)}
                      handleBlur={this.handleBlur.bind(this)}
                      handleTouchTap={this.handleTouchTap.bind(this)}
                      handleRequestDelete={this.handleRequestDelete.bind(this)}
                      tag={tag}
                      key={i}
                  /&gt;
              ))}
          &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>This doesn't:</p>
  
  <pre><code>render(){
      return(
          &lt;div class="container"&gt;
              {this.props.tags.forEach((tag,i) =&gt; (
                  &lt;Tag
                      handleKeyDown={this.handleKeyDown.bind(this)}
                      handleBlur={this.handleBlur.bind(this)}
                      handleTouchTap={this.handleTouchTap.bind(this)}
                      handleRequestDelete={this.handleRequestDelete.bind(this)}
                      tag={tag}
                      key={i}
                  /&gt;
              ))}
          &lt;/div&gt;
      )
  }
  </code></pre>