У меня проблема, когда я пытаюсь использовать массив данных для рендеринга<ul> элемент. В коде нижеconsole.logработают нормально, но элементы списка не отображаются.

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')); 

Что я делаю неправильно? Пожалуйста, не стесняйтесь указывать на то, что не является лучшей практикой. Благодарю.