A simple ES6 React component to render a list of names

NameList-React-Component.js

import React from 'react';

class NameList extends React.Component {
  constructor(props){
    super(props);
  }

  render() {
    var i = 1;
    var list = this.props.names.map( (name) => {
      return <div key={i++}>{name}</div>;
    });
    return <div>{list}</div>;
  }
}

NameList.propTypes = {
  names: React.PropTypes.array.isRequired
};


React.render(
    <NameList names={ ['John', 'Fred', 'Larry'] } />,
    document.querySelector('body')
);