Question

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

我想要实现的是，我有一个按钮＆＃39;终止＆＃39;在一个表（所以几行）。当我单击按钮时，我希望控制台日志向我抛出该行的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未定义

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

Answer 1

试试这个：

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

React保持数据属性

1 个答案: