腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4278)
视频
沙龙
1
回答
在
useEffect
钩子
中
删除
窗
口中
的
滚动
事件
侦听器
时
遇到
一些问题
、
、
、
我正在尝试
在
useEffect
中有条件地锁定和解锁窗口
滚动
。似乎当我
删除
scroll
事件
侦听器
时
,它与被引用
的
函数scrollEvent不匹配。 window.scrollTo({ behavior: "smooth", }
useEffect</em
浏览 17
提问于2019-11-13
得票数 0
2
回答
解决“无法对未挂载
的
组件执行反应状态更新”错误
、
、
我有一个关于如何修复‘不能执行一个反应状态更新’错误消息
的
问题。我确实读到了更深入
的
问题,并指出这只是一个警告。请注意,我是个反应新手。以下是问题所在。我有一个标题组件,它由一个导航条组成,它有两个状态,用于切换移动导航菜单按钮,另一个状态用于更改
滚动
上
的
背景色。我实现了导航栏切换功能,并开始
在
JS控制台中接收所谓
的
错误。经进一步检查,我确定这与我
的
切换状态有关。任何帮助都将不胜感激。提前感谢!
浏览 4
提问于2022-03-04
得票数 1
1
回答
当状态发生变化时重新应用所有
事件
侦听器
是否有问题?
、
、
我有一个
钩子
,它允许我使用
滚动
轮或keyup
事件
改变我
的
React应用程序
中
的
页面。,我
遇到
了一些迭代。我会在addEventListener之外打电话给
useEffect
。这样,一切都可以工作,但
侦听器
永远不会被移除。 我将传递一个空数组作为
useEffect
的
第二个参数。这样,它只
在
组件挂载上运行,但不更改wheelHandler
中
的
wh
浏览 1
提问于2018-12-17
得票数 0
2
回答
ReactJS setState只有一次
、
、
我试图设置肚脐背景颜色取决于Y
滚动
位置
的
网页。问题是,一旦我进入Y坐标之间,我想要setState
的
肚脐背景,它不会停止设置它,直到页面冻结。下面是我
的
代码,以便更好地理解:const [navbarBg, setNavbarBg] = useState(style_buttonssetNavbarBg(style_project1)} window.addEventListener("scroll&q
浏览 2
提问于2020-11-04
得票数 1
回答已采纳
1
回答
响应
钩子
滚动
事件
性能问题
、
、
任务:图像移动,但与极低
的
fps。快速而流畅
的
移动。非常感谢您阅读这篇文章!我真的对这个问题很感兴趣。
在
桌面版本
中
,我只是将图像位置绑定到onMouseMove
事件
中
,一切都很棒。但是,对于移动版本,我尝试了onTouch
事件
和本地
滚动<
浏览 5
提问于2019-11-13
得票数 2
回答已采纳
1
回答
为什么我们
在
eventListeners
钩子
中
添加
useEffect
、
有谁能给我一个清楚
的
解释,为什么我们
在
useEffect
中
添加
事件
侦听器
?它总是让我困惑。我读了一个关于如何在
滚动
条上固定导航条
的
博客,我看到这个人在
useEffect
钩子
中
添加了
事件
侦听器
。setClientWindowHeight] = useState("");
浏览 4
提问于2022-01-27
得票数 0
回答已采纳
2
回答
反应钩-卷轴
、
、
、
案例封闭式
在
React之前,我一直以旧
的
方式使用React,而我能够
在
ComponentDidMount生命周期
钩子
中
创建
事件
侦听器
,并且
在
ComponentWillUnmount
浏览 1
提问于2019-11-19
得票数 2
1
回答
为什么React路由器链接花了很长时间才能在点击
时
滚动
?
、
、
、
、
我正在为我
的
Nav栏使用function函数,当用户单击其中一个
时
,它应该会自动
滚动
到页面的某个部分。我
的
代码是这样做
的
,但是
在
它实际执行操作之前有大约1.5秒
的
延迟。我怎么才能解决这个问题?这是我
的
Navbar.js代码:import { Link } from 'react-scroll'; import { FaBars, FaTimes} from
浏览 7
提问于2022-09-28
得票数 1
1
回答
页面不会对Next.js
中
的
事件
侦听器
作出反应
、
、
我
的
情况很奇怪。
在
我
的
Next.js项目中,我创建了使用
useEffect
钩子
改变页面
滚动
颜色
的
标题:React.
useEffect
(() => { window.addEventListener这是一个问题,这种变化
的
颜色效果只
在
主页上工作,当我这样做console.log
时
,我只能在主页上看到它,而其他
浏览 5
提问于2022-08-24
得票数 0
回答已采纳
1
回答
哪一个具有更好
的
性能:
在
每次运行
useEffect
更新ref
的
呈现VS上添加和
删除
事件
侦听器
、
、
click", callback); };} 注意,使用上面的代码,将在
钩子
的
每个调用
中
添加和
删除
事件
侦听器
我非常希望只
在
挂载上添加
事件
侦听器
,
在
卸载
时
删除
.,而不是
在
每次调用
中
添加和
删除
浏览 0
提问于2019-05-21
得票数 6
1
回答
如何在
中
检测多个外部单击
事件
侦听器
时
提高性能
、
、
、
在
搜索主题"“之后,我无法找到提高当前应用程序性能
的
解决方案。它有另一个mousedown/mouseup
事件
侦听器
来检测外部单击DropDownComponent。PropTypes.func,}; Problem:同时,它有一些外部单击
事件
侦听器
冗余目标:如何一次检测一次--
在
多个组件上单击外部
事件
<
浏览 5
提问于2019-10-10
得票数 1
回答已采纳
1
回答
我无法使导航栏仅在REACT
中
的
main(/)内容上更改其背景
、
、
、
我有一个像这样
的
头组件 问题是,当我
在<
浏览 8
提问于2022-10-18
得票数 1
回答已采纳
1
回答
有没有一种方法可以像在
事件
侦听器
中
那样
在
浏览器
中
查看setInterval行为?
、
、
、
我一直在学习
在
onClick等
事件
中使用
useEffect
钩子
,我可以看到
事件
侦听器
是
在
chrome控制台中创建
的
,而且我可以看到,除非您清理它们,否则它们可以继续创建。我刚刚
遇到
了一个
在
useEffect
钩子
中使用setInterval
的
示例,它会在每次页面加载
时
创建一个新
的
setInterval -视频
中
<
浏览 0
提问于2021-01-24
得票数 0
1
回答
使用React添加和
删除
窗口上
的
mousemove监听器
、
、
、
、
我试图
在
单击对象
时
在
window上添加一个
事件
侦听器
,然后
在
再次单击该对象
时
删除
该
事件
侦听器
。 单击Card组件
时
,状态isCardMoving将被打开或关闭。我添加了一个
useEffect
来观看isCardMoving。当isCardMoving被打开
时
,它应该向触发handleCardMove函数
的
窗口添加一个mousemove
事件<
浏览 4
提问于2020-10-09
得票数 0
回答已采纳
2
回答
我有一个计数器,它只能在页面
滚动
到某个元素
时
触发一次。
、
、
我
在
页面的某个部分有一个计数器,当
滚动
到达该元素
时
,只能触发一次。我可以
在
jQuery中看到各种各样
的
解决方案,但我希望从react或纯javascript
的
角度寻找答案。我使用状态和反应
钩子
实现了它,但是我始终看到一些不稳定,触发不止一次,即使我保留状态并使用条件语句。我不知道我哪里出了问题。下面是function类组件(使用
useEffect
时
,由于连续警告,我从函数切换到了类) 更新:我找到了一个工作解决方案,如下所示。如果有其
浏览 3
提问于2021-01-02
得票数 1
1
回答
如何检测用户是否正在关闭浏览器或浏览其他网站
、
、
、
我希望以这样
的
方式实现会话处理:如果用户关闭浏览器或选项卡,所有会话都会过期/销毁。但是,如果用户导航到另一个网站,我希望保留所有会话。我如何在Nextjs
中
做到这一点?
浏览 3
提问于2021-10-15
得票数 1
3
回答
在
useEffect
中使用
事件
侦听器
和状态
时
缺少依赖项警告
、
、
、
、
每次我使用addEventListener(),并且还想访问
useEffect
中
的
某些状态
时
,我都会
遇到
相同
的
问题。我不能将状态添加为依赖项,因为每次状态更改时,我都会创建多个
事件
侦听器
。所以我要写
的
是: export default function someComponent()我不能将切
浏览 15
提问于2022-01-11
得票数 -1
2
回答
如何检测窗口宽度
的
变化?
根据窗口
的
宽度,我要应用不同
的
内容页面。我这样做是有条件
的
: {window.innerWidth > 575 ?我试图在上面实现
useEffect
,但我不知道如何通过widow.width更改来触发它。你能帮帮我吗?这是我
的
代码: const [windowSize, setWindowSize] = useState(window.innerWidth); setWindowSize
浏览 30
提问于2020-03-29
得票数 0
回答已采纳
1
回答
_.throttle不止一次执行API
、
、
、
、
我有一个TimeLine组件,它一次呈现posts 5我试图将请求控制
在
每秒最多一次,但是API被多次调用。我尝试了几种解决方案,比如:
浏览 7
提问于2021-05-05
得票数 0
回答已采纳
1
回答
setTimeout不清除移动设备上
的
React
钩子
、
、
、
、
问题摘要:当使用React
的
useEffect
钩子
时,setTimeout没有
在
移动设备上进行清除,而是
在
桌面上进行清除。注意:
在
移动设备上运行以再现问题。它从一组
事件
中
动态地添加和移除
事件
侦听器
到window,当触发
事件
集
时
,通过setTimeout调用一段时间后提供
的
回调。下面是动态添加并从window
中
删除
浏览 0
提问于2019-01-06
得票数 7
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
09 生命周期函数
微软 Edge 浏览器开发版 87.0.664.8:新增大量新功能
Vue 超快速学习
Node.js的EventEmitter 事件处理详解
React Native 导航和路由
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券