2016-11-16 54 views
0

我试图运行一个简单的React组件,但不知道为什么这不起作用。反应:在变量内调用方法

由于某种原因,addRows未运行。有人能解释为什么吗?

var CreateRows = React.createClass({ 
    addRows : function(){ 
     return (
       <tr> 
        <td>Morgan</td> 
        <td>[email protected]</td> 
       </tr> 

      ) 
    }, 

    render: function(){ 
     return (
      <tbody> 
       {this.addRows} 
      </tbody> 
     ) 
    } 
}); 
+0

调用方法 - {this.addRows()} –

+0

谢谢。我一直在关注这个教程 - https://tylermcginnis.com/react-js-tutorial-pt-1-a-comprehensive-guide-to-building-apps-with-react-js-8ce321b125ba#.5w3ath7hc他们不喜欢不要用()来调用它中的函数,但它可以工作。你能解释为什么吗? –

回答

2

你必须调用函数{ this.addRows() }。用你的代码你只能引用这个函数,但不能调用它。这样的陈述可以用于定义一个功能,例如像onClick={ this.addRows }

+0

啊,这解释了为什么问题的评论!谢谢。 –

+0

太好了:)请在这种情况下接受我的回答是正确的;) – mrunde