尝试而不是分配dom属性(这是缓慢的)，只是将你的值作为参数传递给实际创建你的处理程序的函数:

render: function() {
...
<a style={showStyle} onClick={this.removeTag(i)}></a>
...
removeTag = (customAttribute) => (event) => {
    this.setState({inputVal: customAttribute});
}

事件。target为您提供本机DOM节点，然后您需要使用常规DOM api来访问属性。下面是关于如何做到这一点的文档:使用数据属性。

你可以使用event.target.dataset.tag或event.target.getAttribute('data-tag');两种方法都可以。

// Method inside the component
userClick(event){
 let tag = event.currentTarget.dataset.tag;
 console.log(tag); // should return Tagvalue
}
// when render element
<a data-tag="TagValue" onClick={this.userClick}>Click me</a>

用不同于你要求的方式帮助你达到预期的结果:

render: function() {
    ...
    <a data-tag={i} style={showStyle} onClick={this.removeTag.bind(null, i)}></a>
    ...
},
removeTag: function(i) {
    // do whatever
},

注意bind()。因为这都是javascript，你可以做一些方便的事情。我们不再需要为了跟踪DOM节点而将数据附加到它们。

在我看来，这比依赖DOM事件要干净得多。

2017年4月更新:这些天我写onClick={() => this.removeTag(I)}而不是.bind

在React中，你不需要html数据，使用函数返回另一个函数;像这样，它是非常简单的发送自定义参数，你可以访问自定义数据和事件。

render: function() {
...
<a style={showStyle} onClick={this.removeTag(i)}></a>
...
removeTag: (i) => (event) => {
    this.setState({inputVal: i}); 
},

从React v16.1.1(2017)开始，官方解决方案如下:https://reactjs.org/docs/handling-events.html#passing-arguments-to-event-handlers

应该:

render: function() {
...
<a style={showStyle} onClick={(e) => this.removeTag(i, e)}></a>
...
removeTag: function(i, event) {
    this.setState({inputVal: i}); 
}