React List

HTML

<script src="//fb.me/react-with-addons-0.14.0.js"></script>
<script src="//fb.me/react-dom-0.14.0.js"></script>
<div id="container"></div>

Babel + JSX

const List = props => {
  var ListItem = (l, i) => <li key={i}>{l}</li>
  return (
   <ul>{props.data.map(ListItem)}</ul>
  )
}

 
ReactDOM.render(
	<List data={["A", "B", "C", "D"]} />,
  document.getElementById('container')
);