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.log
estã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.