antd组件绑定html原生事件（例如给Button绑定ondblclick ）

原创于 2022-12-30 18:53:11 发布 · 588 阅读

CC 4.0 BY-SA版权

文章标签：

24 篇文章

订阅专栏

9 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了如何在React应用中利用useEffect hook绑定元素的双击事件，通过设置事件监听器，实现在按钮组件上双击触发警告框的效果，展示了React组件交互的基本操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，要在useEffect中写以下代码

useEffect(() => {
  const element: any = document.getElementById('focus');
  element.ondblclick = () => {
    alert('双击');
  };
},[]);

然后绑定id

<Button type='primary' id='focus'>按钮</Button>

效果：双击弹出警告框