반응 맵 es6 화살표 기능이 작동하지 않습니다.

Question

코드가 아래에 있는데 아무 것도 렌더링하지 않습니다. 내 실수는 어디인지 궁금합니다. 콘솔에 오류가 표시되지 않았습니다.

http://jsfiddle.net/3Ley7uac/

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

조언이 필요.

당신이 ()와 메소드를 호출하는 데 필요한 모든의

Answer 1

첫째 :

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

가 두 번째로 당신이 방법 안에 반환해야합니다

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

이는 그냥 자바 스크립트 클래스 메소드 바닐라. 여기에는 특별한 반응이 없습니다. Javascript 코드에서와 같은 방식으로 메소드를 호출하고 값을 반환해야합니다.