react 点击获取id
时间: 2023-05-19 19:02:40 浏览: 77
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
可以通过以下代码获取 React 元素的 ID:
```javascript
function handleClick(event) {
const id = event.target.id;
console.log(`Clicked element ID: ${id}`);
}
// 在 React 组件中使用
function MyComponent() {
return (
<button id="my-button" onClick={handleClick}>
Click me
</button>
);
}
```
在上面的代码中,我们定义了一个 `handleClick` 函数,它会在按钮被点击时被调用。在函数中,我们可以通过 `event.target.id` 获取被点击元素的 ID。在 React 组件中,我们可以将 `handleClick` 函数传递给 `onClick` 属性,这样当按钮被点击时,`handleClick` 函数就会被调用。
阅读全文