React：在变量中调用方法

Question

我正在尝试运行一个简单的React组件，但不确定为什么这不起作用。

由于某种原因，var CreateRows = React.createClass({ addRows : function(){ return ( <tr> <td>Morgan</td> <td>test@gmail.com</td> </tr> ) }, render: function(){ return ( <tbody> {this.addRows} </tbody> ) } }); 未运行。有人可以解释原因吗？

{{1}}

Answer 1

您必须使用{ this.addRows() }调用该函数。使用您的代码，您只需要引用该函数，而不是调用它。这样的陈述可以用于定义一个例如比如onClick={ this.addRows }