这一行代码为我解决了问题:

event.currentTarget.getAttribute('data-tag')

你可以简单地使用event.target.dataset对象。这将为您提供具有所有数据属性的对象。

在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}); 
}

我认为建议在需要使用它的地方绑定所有方法。setState方法，该方法在React中定义。组件类，在构造函数中，你的构造函数应该是这样的

    constructor() {
        super()
        //This binding removeTag is necessary to make `this` work in the callback
        this.removeTag = this.removeTag.bind(this)
    }
    removeTag(event){
        console.log(event.target)
        //use Object destructuring to fetch all element values''
        const {style, dataset} = event.target
        console.log(style)
        console.log(dataset.tag)
    }
   render() {
   ...
      <a data-tag={i} style={showStyle} onClick={this.removeTag.bind(null, i)}></a>
   ...},

有关对象解构的更多参考 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring

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

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