React保持数据属性

时间:2017-04-13 13:58:39

标签: reactjs variables methods

我必须做一个简单的'任务。如果你知道反应框架或者特别是有任何Javascripts知识,这实际上很简单,但我的Javascript知识非常明显,所以我现在真的被困住了。

我想要实现的是,我有一个按钮'终止'在一个表(所以几行)。当我单击按钮时,我希望控制台日志向我抛出该行的transactionID。但我真的无法让它发挥作用。这就是我目前所拥有的:

我有一个课程,里面有几种方法,一种是5秒自动刷新功能:

var ExceptionalCases = React.createClass({

我创建了这个方法:

TerminateCase: function(e) { 
  e.preventDefault();
    this.setState({
    }, function() {   
        var transactionID = this.refs.transid.target.getAttribute("data-transid");
        console.log('button clicked' + transactionID);
    }.bind(this));    

},

这是按钮(位于渲染中):

<input type="button" name="TerminateCase" value={_('Terminate')} style={{width: '110px'}}
   onClick={this.TerminateCase} ref="transid" data-transid={entry.transactionId}/> 

这是我得到的错误: TypeError:this.refs.transid.target未定义

我无能为力,我搜索了很多并尝试了许多不同的方法,但我现在真的被困住了。我希望有人可以帮助我; - (

1 个答案:

答案 0 :(得分:0)

试试这个:

TerminateCase: function(e) { 
  e.preventDefault();
  var transactionID = e.currentTarget.getAttribute("data-transid");
  console.log('button clicked' + transactionID);
}