腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
从
React.js
UseEffect
挂
钩中
创建
的
事件
处理
程序
访问
状态
reactjs
、
react-hooks
在我
的
组件中,我在
useEffect
钩子中设置了一个
事件
侦听器:
useEffect
(() => { target.addEventListener但是当我调用onSubtitleClick时,我
的
状态
是陈旧
的
-它是原始值。Example code here。如何
从
使用
useEffect
设置
的
事件
处理</em
浏览 12
提问于2019-04-24
得票数 3
回答已采纳
2
回答
有没有办法只调用
useEffect
一次,并且还可以
访问
组件的当前
状态
?
javascript
、
reactjs
、
socket.io
我正在和
react.js
一起使用socket.io。我需要为套接字声明一些
事件
处理
程序
,也因为我正在使用
的
一些模块,我不能使用经典
的
类组件,因此我使用函数和钩子。问题是使用
useEffect
钩子初始化
事件
处理
程序
会在每次发生新
的
呈现时重新声明套接字
事件
处理
程序
,因此,每个
事件
都与一组
事件
处理
<
浏览 4
提问于2020-03-07
得票数 2
2
回答
如何在组件使用react挂载后触发
事件
reactjs
、
react-hooks
{showCmp && <Cmp1 />} </div>}
useEffect
(() => {}, [showCmp]);如何确定组件何时正确挂载?
浏览 3
提问于2021-01-16
得票数 2
回答已采纳
1
回答
返回未定义
的
响应值
javascript
、
reactjs
、
react-hooks
、
use-state
、
use-ref
我正试图
从
react组件中
的
输入字段中获取一个特定
的
值,但是它返回
的
是未定义
的
,我尝试单独使用useref,但是它给了我相同
的
结果(返回未定义,见下图)。我需要获得播放器
的
名称--我可以使用它们唯一
的
Id作为API调用
的
一部分,这个调用不会列出所有的玩家,但是我确实有一个JSON文件,其中包含了这两种名称,所以如果我可以
从
我
创建
的
输入中获取他们
的
名字,我就可以获得
浏览 0
提问于2022-03-29
得票数 0
回答已采纳
1
回答
React.js
/socket.io瓶颈问题
javascript
、
reactjs
、
socket.io
、
create-react-app
我是
react.js
的
新手,开始将一个旧
的
纯HTML/CSS/JS前端应用迁移到
react.js
,这个应用包括接收低延迟
的
广播,我使用create-react-app来
创建
我
的
项目,现在我面临着
react.js
我在应用
程序
上
创建
了一个模块来
处理
socket.io广播,但是当我运行应用
程序
时,在接收广播时有一个奇怪
的
高延迟。,因为我在
us
浏览 13
提问于2020-04-23
得票数 0
2
回答
Socket.io和React:
从
服务器接收数据并在组件中设置
状态
的
适当方式?
javascript
、
reactjs
、
sockets
、
react-hooks
、
socket.io
试图获得一个基本
的
聊天应用
程序
,并在发送消息时遇到过多重发者
的
问题。以下是适用于客户端
的
代码:const sendChat = (e) => {} socket.on("receive
浏览 3
提问于2022-02-17
得票数 1
回答已采纳
1
回答
react.js
:
事件
而不是在props中传递
处理
程序
javascript
、
reactjs
在
React.js
中,父组件通过props传递
处理
程序
来更新其
状态
。在深度嵌套
的
组件中,这可能会变得相当混乱。有没有办法通过pub-sub来做到这一点-父进程侦听
事件
,并在子进程触发
事件
时执行
处理
程序
? PS:我是
从
Ractive.js ()得到这个想法
的
。
浏览 1
提问于2014-10-03
得票数 2
1
回答
响应本机,我将如何在
useEffect
中调用一个函数
javascript
、
react-native
基本上这就是我想要做
的
。我有一个按钮来调用handleAdd
事件
,当该
事件
触发时,我想调用
useEffect
函数。
useEffect
();调用一个函数,该函数根据输入中
的
值返回不同
的
api键。但是我意识到
useEffect
不是那样工作
的
,只能在代码
的
“顶层”中被调用。有什么办法可以解决这个问题吗?见下面的例子: const handleAdd =
浏览 2
提问于2021-04-02
得票数 0
回答已采纳
1
回答
无法使onDragStart
事件
对HTML5
的
拖放作出反应
html
、
reactjs
、
drag-and-drop
我正在ReactJs中
创建
一个基本应用
程序
,以实现基本
的
HTML5拖放功能。我面临
的
问题是,我
的
onDragStart
事件
没有将
事件
对象传递给
处理
程序
方法。我已经提到了,它展示了
事件
对象是如何传递给
处理
程序
的
。 这是我为onDragStart
事件
实现
事件
处理
程序
的
代码。我<e
浏览 1
提问于2017-07-13
得票数 6
回答已采纳
2
回答
我
的
React简单计数器不像预期
的
那样工作
javascript
、
reactjs
我开始学习React,我想知道为什么我
的
计数器不能工作:(我
的
目标是:当您按下按钮时,计数器函数在td中开始“计数”并呈现“计数”
状态
。我不知道我做错了什么。<button onClick={Counter}>Pulsar</button> //button );这在真正
的
秒内有效function Counter(){ setCount(new Date()
浏览 4
提问于2022-05-17
得票数 1
回答已采纳
3
回答
未显示更新
的
状态
数组
的
重新呈现。
javascript
、
reactjs
、
react-state
我在
事件
处理
程序
函数中更新
状态
(向
状态
数组添加新对象)。=== 1234) { } }) return()=>{ }我正
浏览 4
提问于2021-01-24
得票数 2
回答已采纳
2
回答
如何检测窗口宽度
的
变化?
reactjs
根据窗口
的
宽度,我要应用不同
的
内容页面。我这样做是有条件
的
: {window.innerWidth > 575 ?我试图在上面实现
useEffect
,但我不知道如何通过widow.width更改来触发它。你能帮帮我吗?这是我
的
代码: const [windowSize, setWindowSize] = useState(window.innerWidth); setWindowSize
浏览 30
提问于2020-03-29
得票数 0
回答已采纳
2
回答
无法使用react钩子设置器更新
状态
变量
reactjs
、
state
下面是函数组件
的
代码。我用onClick
事件
处理
程序
内联地更新
状态
,它在
useEffect
中显示更新
的
数据。但是,一旦控件
从
useEffect
中出来,
状态
变量' data‘就会返回到以前
的
数据。我已经尝试过在没有
useEffect
的
情况下更新它,但是问题是一样
的
。我无法在其他函数中
访问
更新
的
状
浏览 15
提问于2022-09-07
得票数 0
2
回答
我如何
访问
我
的
eventHandler中
的
反应
状态
?
reactjs
、
leaflet
、
react-hooks
、
react-leaflet
、
use-state
这是我
的
状态
:我在
useEffect
钩子中初始化了一张传单地图。它有一个click eventHandler。map.current.on('click', onMapClick)在该onMapClick中,我在地图上
创建
一个标记,并将其添加到
状态
: const onMapClick = useCallbacksetMarkers((existingMarkers) => [ .
浏览 1
提问于2020-08-07
得票数 3
回答已采纳
2
回答
调用函数获取数据,并在数据到达时导航到链接。
reactjs
、
react-hooks
我有一种情况,我应该得到一个按id
的
歌曲项目,以获得该歌曲
的
路径,然后导航到该歌曲按一下按钮。是否有任何特定
的
钩子可用于在数据到达时导航,
useEffect
将在
状态
发生变化时随时被调用,但问题是,首先需要分派操作才能获得歌曲,检查它是否返回任何项,然后导航。通常情况下,如果它已经在列表上发布,那么它应该存在于db中,但是问题可能在API方面,所以检查results.length > 0是需要检查
的
原因。
useEffect
(() => { const ha
浏览 1
提问于2022-08-12
得票数 2
回答已采纳
2
回答
防止在异步
事件
处理
程序
期间更新卸载
的
组件
reactjs
我有一个删除组件
的
异步
事件
处理
程序
,但是这个组件使用
状态
来监视
事件
处理
程序
的
执行
状态
。
事件
处理
程序
是
从
远程数据库中删除项
的
模拟。问题是,在成功删除组件时,组件被卸载,因此最后
的
状态
更新(指示已完成删除)触发错误“无法对已卸载
的
组件执行响应
状态
更新”。 我知道
浏览 1
提问于2020-11-12
得票数 0
回答已采纳
1
回答
处理
窗口
事件
时出现错误
的
本地
状态
值(响应)
javascript
、
reactjs
、
dom-events
我有一个
状态
值ccFormDetails,其中一个空对象作为默认值。中,我
创建
一个名为message
的
事件
,并将一个handleCgEvent
处理
程序
分配给它。然后,当我单击iframe中
的
and按钮时,handleCgEvent
处理
程序
会触发并提取ccFormDetails
的
正确(更新
的
、可分配
的
)值。{},意思是原始
的
默认
状态
。根据我对反应<
浏览 3
提问于2021-04-12
得票数 1
回答已采纳
1
回答
反应:如何防止使用useRef和useState来跟踪相同
的
值,以防止
useEffect
触发?
javascript
、
reactjs
目前,我正在制作一个仅在向上滚动时才显示
的
导航条,为了防止
useEffect
每次在可见
状态
发生更改时运行,我必须同时使用ref和同步
的
状态
在
useEffect
中进行比较,使用ref和
状态
来跟踪相同
的
值似乎非常可疑一个不涉及在每次
状态
变化时
从
创建
事件
处理
程序
中触发
useEffect
?import React, { useState
浏览 6
提问于2022-02-19
得票数 1
3
回答
useState React钩子
的
奇怪行为
reactjs
、
react-hooks
我在使用useState React钩子时遇到了一些非常奇怪
的
行为。此外,我
的
React应用
程序
也是如此:console.log('Hey'); setTime(e.details); };
useEffect
(() => {wi
浏览 1
提问于2021-01-09
得票数 1
1
回答
下一步Js路由器beforePopState,
处理
程序
中组件
的
访问
状态
javascript
、
reactjs
、
next.js
我正在使用Next js Router.beforePopState
事件
,我希望
访问
我在react组件中
创建
的
useState变量
的
值,其中定义了这个
处理
程序
,下面的示例代码是下面的示例代码,但是每当我
访问
状态
时,它是空
的
,或者设置为默认值--例如,在下面的代码中,离开
状态
值时,我总是以空字符串
的
形式在
处理
程序
中获得"“,即使我在代码中
浏览 1
提问于2020-03-16
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
使用React Hooks代替类的6大理由
React组件开发中常见的陷阱
React使用钩子增强组件
React Hooks踩坑分享
为啥Flutter Hooks没有受到太多关注和青睐?
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券