如何在react中返回点击元素的属性？

Question

我想知道是否有一种简单的方法来获取React.js中单击元素的属性：

function App () {
    return (
        <button
          title={'foo'}
          onClick={myFunction(this)}
         >
            click me
         </button>
    )
}

function myFunction(e) {
  alert(e.getAttribute('title')); 
}

现在我得到：TypeError: can't access property "getAttribute", e is undefined。

我需要它在函数内部，以便稍后将属性传递到另一个（工作）函数中。

Answer 1

您可以通过 currentTarget 访问标题

尝试这个：

function App () {
    return (
        <button
          title={'foo'}
          onClick={myFunction}
         >
            click me
         </button>
    )
}

function myFunction(e) {
  alert(e.currentTarget.title); 
}