React 中如何正确监听双击事件？
我在 React 组件里想给一个 div 加双击事件，但 onDoubleClick 好像没反应，是我写错了吗？
试过直接绑定 onDoubleClick，也试过用 useRef 手动 addEventListener，但都不触发。点击倒是正常的。
function MyComponent() {
const handleDoubleClick = () => {
console.log('双击了！');
};
return (
<div
style={{ width: '200px', height: '200px', background: '#eee' }}
onDoubleClick={handleDoubleClick}
>
点我试试双击
</div>
);
}- 1
回答
40浏览
uni-app中React组件如何正确监听页面滚动事件？
在用uni-app开发时遇到了滚动监听问题。我在页面里写了一个React组件，想通过uni的onPageScroll方法获取滚动位置，但滚动时数值没有变化，甚至出现重复回调。 尝试过这样写代码： co...
- 2
回答
39浏览
Dash.js在React中监听缓冲事件不触发怎么办？
我用Dash.js在React里做视频播放，想监听缓冲开始事件来显示加载提示。按照文档写了事件绑定，但控制台一直没输出，是哪里漏了吗？ import React, { useRef, useEffec...
- 1
回答
3浏览
微前端中如何正确共享 React 依赖避免重复加载？
我在用 qiankun 搭建微前端项目时，主应用和子应用都用了 React，结果发现 React 被加载了两次，控制台还报了 Invalid hook call 的错误。明明已经在 webpack 里...
- 1
回答
6浏览
方向键监听在React里为啥不生效？
我在用React写一个简单的键盘导航组件，想通过方向键控制焦点移动，但 onKeyDown 事件根本没反应，是哪里写错了吗？ 我试过给 div 加 tabIndex，也用了 useCallback 包...
- 1
回答
15浏览
Jest 测试中如何正确模拟 React 组件的异步 useEffect？
我在用 Jest + React Testing Library 测试一个组件，它在 useEffect 里发起了异步请求。测试总是报“无法在未挂载的组件上执行 setState”，我试过用 awai...
- 2
回答
11浏览
React Testing Library 中如何正确测试异步加载的数据？
我用 React Testing Library 测试一个组件，它在 useEffect 里通过 fetch 获取数据并更新状态。但测试时总是拿不到渲染后的数据，断言失败。是不是要加 await 或者...
- 1
回答
17浏览
WebGL组件在React中如何正确销毁避免内存泄漏？
我在React里封装了一个WebGL画布组件，每次切换页面时发现GPU内存没释放，Chrome任务管理器里显存一直涨。 试过在useEffect返回函数里调用gl.getExtension('WEBG...
- 1
回答
17浏览
mpvue中如何正确使用React写法处理小程序生命周期？
我最近在用mpvue开发小程序，但团队习惯用React的写法，所以尝试在mpvue里写类似React的组件。可是在页面加载时onLoad没被触发，数据也没更新，是不是mpvue不支持这种写法？ 我试过...
- 1
回答
16浏览
Vite插件中如何正确处理React组件的动态导入？
我在写一个Vite插件，想在transform阶段动态替换某些React组件的导入路径，但总是报“React is not defined”的错误。明明组件本身在项目里能正常跑，插件处理后就不行了。 ...
- 1
回答
33浏览
微前端中如何正确共享 React 依赖避免重复加载？
我用 qiankun 搭了个微前端项目，主应用和子应用都用了 React 18，但发现子应用加载时又把 React 打包进去了，导致页面报错说存在多个 React 实例。 我试过在 webpack 里...
onDoubleClick在 React 里是原生支持的。问题很可能是双击时触发了文本选中，浏览器默认行为把事件吞了。解决方法很简单，加上 CSS 属性阻止选中文本：
);
}
如果你的 div 里有文字内容，双击时很容易就触发选中文本了，这会阻止双击事件正常触发。加上
userSelect: 'none'就能解决。还有个注意点：双击事件会先触发两次单击事件（
onClick），如果你的单击事件有重要逻辑要注意区分。不过从你的描述看，单击正常双击不触发，基本就是选中文本的问题。