在React中单击时获取元素的账簿属性

在React中，要获取元素的自定义属性，可以通过事件处理函数中的事件对象来访问。事件对象提供了一个target属性，它指向触发事件的DOM元素。通过target.getAttribute('属性名')方法，可以获取到该元素的指定属性的值。

以下是一个示例代码，演示如何在React中获取元素的自定义属性：

import React from 'react';

class MyComponent extends React.Component {
  handleClick(event) {
    const attributeValue = event.target.getAttribute('data-attribute');
    console.log(attributeValue);
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick} data-attribute="example">Click me</button>
      </div>
    );
  }
}

export default MyComponent;

在上述代码中，我们在button元素上添加了一个自定义属性data-attribute，并赋值为"example"。当按钮被点击时，handleClick方法会被调用，并传入一个事件对象event。通过event.target.getAttribute('data-attribute')，我们可以获取到按钮元素的data-attribute属性的值，并将其打印到控制台上。

这种方式可以用于获取任何元素的自定义属性，不仅限于按钮。你可以将上述代码中的button替换为其他元素，同样可以获取到相应的自定义属性值。

腾讯云相关产品和产品介绍链接地址：