title: ReactJS code as jsFiddle has syntax errors
body: <p>There is something about jsFiddle an React that I don't understand. Based on my best guess I have a component defined as</p>
  
  <pre><code>class MakeWorkers extends React.Component {
  
  render() {
      return (&lt;ul&gt;this.props.people.map((person) =&gt; {
          const { name, whatCanDo } = person;
              return (&lt;li key={name}&gt;My name is {name}, I can do {whatCanDo}&lt;/li&gt;);    
      })&lt;/ul&gt;);
    }
  }
  
  const people = [
    { name: 'Josh', whatCanDo: 'painting' },
    { name: 'Lay', whatCanDo: 'security' },
    { name: 'Ralph', whatCanDo: 'cleaning' }
  ];
  
  ReactDOM.render(
    &lt;MakeWorkers people={people}/&gt;,
    document.getElementById('container')
  );
  </code></pre>
  
  <p>This seems like valid JSX syntax to me but when I put it into a Fiddle in jsFiddle it doesn't work and there are a number of syntax errors in the render function. I am not sure what I am missing in getting this simple example of mapping and JSX working in jsFiddle. One of the main error messages is that jsFiddle claims there is an unterminated regular expression. Something is very confused. Maybe I am not including the right libraries? The full Fiddle is <a href="https://jsfiddle.net/rkevinburton/9nLwxhma/" rel="nofollow noreferrer">Here</a></p>