React 获取元素的属性值

在 React 中获取元素的属性值，包括自定义属性值。目前有 2 种方法，方法 1 使用 getAttribute 函数，可获取任意属性值；方法 2 使用 dataset 属性，只能获取以data-*设置的自定义属性。

一、使用 getAttribute 函数

在元素事件函数中添加参数event例如：

  handleClick = (event) => {
    console.log(event.target.getAttribute('data-type'));
    console.log(event.target.getAttribute('class'));
  };

使用getAttribute()函数，能获取元素任意属性值，是最方便的。

二、使用 dataset 属性

在元素事件函数中添加参数event例如：

  handleClick = (event) => {
    console.log(event.target.dataset.type);
  };

使用dataset属性只能获取元素中以data-*设置的自定义属性，缺点是其它属性不能获取。例如：

<Button type="primary" onClick={this.handleClick} data-type="abc" />

（完）