title: React equivalent of document.createElement()
body: <p>I'm currently using <a href="https://www.mapbox.com/" rel="noreferrer">Mapbox</a> in a React app. To create a custom marker you have to do something like this:</p>
  
  <pre><code>var el = document.createElement('div');
  el.className = 'marker';
  
  new mapboxgl.Marker(el)
  .setLngLat(marker.geometry.coordinates)
  .addTo(map);
  </code></pre>
  
  <p>It being React, I tried doing:</p>
  
  <pre><code>new mapboxgl.Marker(&lt;div className='marker' /&gt;)
  .setLngLat(marker.geometry.coordinates)
  .addTo(map);
  </code></pre>
  
  <p>But that doesn't work... In the above context, what would be the equivalent of <code>document.createElement()</code>? When I use <code>document.createElement()</code> it works, but I feel that it's not the "correct" way to do things. I'd also like to abstract the marker into it's own component...</p>