Renderizando um array.map () no React

Estou com um problema em que estou tentando usar a matriz de dados para renderizar um<ul> elemento. No código abaixo doconsole.logestão funcionando bem, mas os itens da lista não estão aparecendo.

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

O que estou fazendo errado? Sinta-se à vontade para apontar qualquer coisa que não seja uma prática recomendada. Obrigado.

questionAnswers(5)

yourAnswerToTheQuestion