腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
在
window.addEventListener
中
更新
React
状态
、
、
、
、
我有以下问题:我想在滚动发生时
更新
状态
。我使用了以下解决方案:
React
.useEffect(() => {
window.addEventListener
('scroll', scrollEvent) }, []) 我的
状态
是: const[scrollAmount, setScrollAmount] =
React
.useState(0); 我的scroll事件的事件处理程序: const scrollEvent = () => setScrollA
浏览 107
提问于2021-01-31
得票数 1
回答已采纳
1
回答
React
和useState的实现
、
、
因此,这里的代码
在
每次刷新后都会
更新
高度的值(每当屏幕大小改变时)。不知道为什么会发生这种情况,因为setHeight没有被用来
更新
高度的值。import
React
, { useState } from "
react
"; import ".
浏览 4
提问于2022-11-05
得票数 1
回答已采纳
1
回答
在内部使用useEffect/事件侦听器时,响应useState函数不更改值
、
为此,我使用
window.addEventListener
('scroll', () => checkSection(scrollSection, setScrollSection))传递从
React
.useState(0)返回的两个变量,然后从事件侦听器
中
检查window.scrollY属性是否大于scrollSection
状态
中
的值,如果是这样,则使用js进行转换。但是,不管我做了什么,为
更新
状态
提供的函数不是
更新
浏览 3
提问于2022-12-03
得票数 -1
回答已采纳
1
回答
反应钩
状态
不匹配
、
、
但是,当我从使用钩子的组件更改
状态
时,我确实从控制台日志中看到
状态
更改,但一旦我开始滚动
状态
,
状态
的原始值为true。更奇怪的是,工具与控制台日志输出不匹配。import
React
, { useEffect } from '
react
'; console.log(`useExample status: ${status}`); <em
浏览 4
提问于2020-10-22
得票数 0
4
回答
如何在滚动元素
中
添加类以响应js
如何在滚动元素
中
添加类以响应js,我想在滚动
中
添加类,如果在页面上删除该类。import
React
from "
react
"import { prefixLink } from "gatsby-helpers"import { config } from "
浏览 4
提问于2017-05-26
得票数 15
回答已采纳
2
回答
在
react
上设置事件处理程序(useEffect)
、
const Hello = () => { let canvas =
React
.useRef()let add = () => { alert(counter)
React
.useEffect(() => {window.onkeydown = add return <div><h1>{counte
浏览 3
提问于2020-07-29
得票数 1
回答已采纳
2
回答
function :立即
更新
钩子变量(用于添加/删除事件侦听器的另一个函数)
、
、
有一个
React
组件,我想使用钩子将其重构为一个功能组件。const func1 = (e:
React
.MouseEvent<HTMLDivElement>, c: number) => {
window.addEventListener
func2是
在
拖动鼠标时由事件侦听器调用的东西。整个函数非常复杂,所以我希望最小的重组。如何让func2获得新版本的idx *编辑:由于某些原因,这被标记为的副本--
在
我的示例
中
,
浏览 2
提问于2022-08-19
得票数 0
回答已采纳
1
回答
在
React
中使用清理功能
、
、
、
在
我的应用程序
中
,有一个导航条在用户滚动到某个点后弹出。我使用两个单独的导航条定义当前滚动位置,如下所示: if (window !setScroll(posHeight) : setScroll(0) }; const [scroll,'menu-2 show' : 'menu-2' <Navbar className={nav
浏览 1
提问于2022-04-06
得票数 2
回答已采纳
4
回答
更改Hook onClick
中
的值
、
、
、
我有一个自定义的钩子来将use
状态
变量的
状态
从true更改为false,并且我想在单击按钮时更改它以显示和隐藏div,这是如何做到的?import { useEffect, useState } from '
react
'; constuseEffect(() => { setShowFilter(true);
浏览 15
提问于2022-11-14
得票数 0
回答已采纳
1
回答
useEffect不会在初始呈现
中
运行。
、
、
在
Piano组件
中
,我使用钩子(useWindowDimensions())获取窗口的尺寸。
在
useEffect
中
,每当窗口宽度发生变化时,我都希望呈现组件。每次宽度发生变化时,它都会重新呈现组件(因为keyData依赖于它,并且它在dependencyList
中
),但是没有
在
初始呈现
中
呈现。所以组件
在
我调整窗口的大小之前不会呈现。const svgRef =
React
.useRef(null); const svgEl = d3.
浏览 4
提问于2021-10-01
得票数 0
回答已采纳
1
回答
取消并响应窗口调整此参考问题的大小
、
、
、
、
我正在使用
react
和lodash的debounce方法。当用户调整窗口大小时,我遇到的问题是
更新
状态
。我遇到的问题是,当用户在此函数
中
调整窗口大小时,this指的是window而不是组件:我尝试过设置cardElWidth: null this.delayedCallback = debounce(this.setCardWidth, 1000);
浏览 0
提问于2018-10-19
得票数 4
回答已采纳
2
回答
收听向上/向下滚动?
、
我尝试(npm)安装
react
-scroll-listener,但是我无法让它与我的ES6类一起工作。import config from '../config';import ScrollListener f
浏览 3
提问于2016-08-17
得票数 18
回答已采纳
2
回答
react
无法从文档/窗口按键访问
状态
、
/16.8.6/umd/
react
.production.min.js"></script> let { u
浏览 0
提问于2019-05-02
得票数 0
4
回答
响应useEffect和鼠标向下听者
、
接近一个传递的isModalOpened,因此只有当isModalOpened为真时,单击
状态
才会
更新
。ref.current.contains(e.target) && isModalOpened) { }
window.addEventListener
('mousedown', clickOut); window.
浏览 3
提问于2020-11-14
得票数 3
2
回答
如何在
react
中
更改屏幕大小时添加或删除className
在
我的样式表
中
,我有预定义的类,例如:并且不能使用媒体查询来添加或移除这些类。
浏览 2
提问于2018-02-08
得票数 1
回答已采纳
3
回答
为什么addEvenetListener上的回调会输出旧
状态
?
、
我有一个回调函数,在其中我设置了一些
状态
。这个州似乎变异得很好。但是,我不能引用回调函数
中
的
更新
状态
--它总是打印出初始
状态
。因此,我的问题是为什么会发生这种情况,如果我想检查回调
中
的
更新
状态
,应该如何进行?import
React
, { useState, useEffect } from "
react
"; c
浏览 0
提问于2020-01-23
得票数 4
回答已采纳
1
回答
有没有办法
在
React
功能组件
中
更新
eventlistener
中
的函数?
、
我需要找到一种方法,既可以使用在函数组件
中
声明的变量,也可以
在
mousemove eventlistener上的回调函数中使用函数组件的部分属性。到目前为止,我已经有了下面的代码,但是看起来
在
onHover函数
中
属性并没有
更新
。 完整的组件比这个示例代码稍微复杂一些,但下面的示例是显示我的问题的最基本的方式。
在
初始化时,属性
中
的值将是1,而在onHover函数
中
,即使有更改并重新呈现,它也保持为1,而在组件的其他地方,它显示正确的值2。 有没有办法确保
浏览 16
提问于2021-10-11
得票数 0
1
回答
无法使用EventListener对未挂载的组件执行反应
状态
更新
、
、
、
、
我有以下代码,我收到了两个警告: import GravatarList from &q
浏览 7
提问于2022-02-09
得票数 3
2
回答
如何在
react
中
根据屏幕宽度进行条件渲染?
、
、
{ <Content> </Content>)return ( 2 </Content>) 我使用了
react
浏览 36
提问于2020-07-17
得票数 0
2
回答
改变鼠标向下的宽度和反应
中
的摩丝表情
、
、
、
、
我使用以下代码(实际上正在工作):import ReactDOM from "https://cdn.skypack.dev/
react
-dom"; const useMouseDelta = (initialWidth('mousedo
浏览 3
提问于2021-07-15
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React18 中如何实现全局状态管理
WhatsApp 在状态更新时获得对录音的支持
在firefox中更新证书的几种方式
微软在欧盟调查中更新数据隐私条款
一文告诉你如何优雅处理前端异常?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券