реакция карта es6 стрелка функция не работает

Question

У меня есть код ниже, и ничего не получается, интересно, где моя ошибка, я не вижу ошибок в консоли.

var App = React.createClass({ 
    getInitialState(){ 
    return { 
    items:[1,2,3] 
    } 
    }, 
    renderItem(){ 
    this.state.items.map((item,i)=> <li key={i}>{item}</li>) 
    }, 
    render(){ 
     return(
     <ul> 
     {this.renderItem} 
     </ul> 
    ) 
    } 
}) 

React.render(<App />, document.getElementById('container')); 

http://jsfiddle.net/3Ley7uac/

нужны советую.

Answer 1

Прежде всего, вам нужно вызвать ваш метод с ():

<ul> 
    {this.renderItems()} 
    </ul> 

Во-вторых вам нужно возвратить внутри метода:

renderItems(){ 
    return this.state.items.map((item,i)=> <li key={i}>{item}</li>) 
}, 

Это просто ваниль методы класса Javascript. Здесь нет ничего особенного. Вам нужно вызывать методы и возвращать значения так же, как и с любым кодом Javascript.