title: Make a new div element for each element in an array with JSX?
body: <p>I am trying to make a div element for each element in an array using reactjs JSX. I was not sure how to really go about this but I tried doing this:</p>
  <pre><code>{results.forEach(element =&gt; {
                 &lt;div className={classes.SearchResults}&gt;
  
                  {results[element]}    
  
                  &lt;/div&gt;
  
  })}
  </code></pre>
  <p>This didn't work but I am fairly confident that it is something along these lines. I receive no errors results is an array element I defined elsewhere and that is working completely. The only issue is displaying a new div element for each of elements within the results array.
  If you need more code I am happy to give you it though I think this should be a sufficient amount.</p>