Ich habe ein Problem, bei dem ich versuche, ein Array von Daten zum Rendern eines @ zu verwende<ul> Element. Im Code unter demconsole.log funktioniert einwandfrei, aber die Listenelemente werden nicht angezeigt.

var Main = React.createClass({
  getInitialState: function(){
    return {
      data: dataRecent
    }
  },

  render: function(){
    return (
      <div>
        <ul>
          {
           this.state.data.map(function(item, i){
             console.log('test');
             <li>Test</li>
           })
         }
        </ul>
      </div>
    )
  }
});

ReactDOM.render(<Main />, document.getElementById('app')); 

Was mache ich falsch? Bitte zögern Sie nicht, auf etwas hinzuweisen, das nicht die beste Vorgehensweise ist. Vielen Dank