反應圖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類的方法。這裏沒有什麼特別的React。您需要像使用任何Javascript代碼一樣調用方法並返回值。