可以通过以下步骤实现:
以下是一个示例代码:
import React from 'react';
class MyComponent extends React.Component {
handleClick(event) {
const clickedElement = event.target;
const elementId = clickedElement.getAttribute('id');
console.log('被单击元素的id属性值为:', elementId);
}
render() {
return (
<div>
<button id="myButton" onClick={this.handleClick}>点击我</button>
</div>
);
}
}
export default MyComponent;
在上述示例中,当按钮被单击时,handleClick函数会被调用,并且通过event.target.getAttribute('id')获取按钮的id属性值。最后,将该值打印到控制台上。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云