Redering List in React

list-react.js

var FruitList = React.createClass({
  render: function() {
    var fruits = [
      { 
        id: 1,
        name: 'apples'
      },
      {
        id: 2,
        name: 'oranges'
      },
      {
        id: 3,
        name: 'grape'
      }
    ];
    return (
      <ul>
        {fruits.map(function(fruit) {
          return <li key={fruit.id}>{fruit.name}</li>
        })}
      </ul>
    );
  }
});