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>)
},

这些只是vanilla Javascript类方法。 React没有什么特别的。您需要以与使用任何Javascript代码相同的方式调用方法和返回值。

反应图es6箭头功能不起作用

1 个答案: