title: is there a way to do array.join in react
body: <p>I'd like to inject a separator between each element of an array using an array.join-like syntax.</p>
  
  <p>Something like the following:</p>
  
  <pre><code>render() {
   let myArray = [1,2,3];
   return (&lt;div&gt;
     {myArray.map(item =&gt; &lt;div&gt;{item}&lt;/div&gt;).join(&lt;div&gt;|&lt;/div&gt;)}
  &lt;/div&gt;);
  }
  </code></pre>
  
  <p>I've got it working using a lodash.transform approach, but it feels ugly, I'd like to just do <code>.join(&lt;some-jsx&gt;)</code> and have it insert a separator in between each item.</p>