腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
在
`
addEventListener
`
中
处理
点击
,
点击
时
状态
的
改变
只
发生
一次
。[
React
Hooks
]
reactjs
、
react-hooks
我要将第三方
状态
小部件添加到页面。我使用
addEventListener
来
处理
点击
,因为onClick不工作(第三方代码已经
在
处理
点击
,我需要覆盖它)。但由于某些原因,该组件仅在第
一次
单击
时
重新呈现。然后,即使click事件
发生
(它记录在控制台中),
状态
也不会更新,组件也不会重新呈现。我尝试使用
React
.useCallback来管理
状态
,但没有解决问题。popu
浏览 35
提问于2021-04-28
得票数 1
回答已采纳
3
回答
this.setState()不能正常
处理
绑定事件
javascript
、
reactjs
我正在做一个很容易切换
的
组件,这里我做了一个门作为例子。你
点击
这扇门,它就会打开,如果你再次
点击
它,它就会关闭。如果你
点击
外面的门,它也会关闭。我在这里
的
问题是,
在
handleClick()方法
中
,不管
发生
什么,state.active总是false。即使
在
我设置
状态
之后,当我console.log它
时
,它也会返回false。但是,实际
的
door确实得到了分配给它
的</em
浏览 0
提问于2016-09-07
得票数 1
回答已采纳
1
回答
使用Vanilla JavaScript检测css backgroundColor
的
变化
javascript
、
css
、
if-statement
、
addeventlistener
、
queryselector
目前,当我选择'.light‘类
时
,javascript知道我
的
backgroundColor是灰色
的
,并将其更改为蓝色。但由于某些原因,backgroundColor == "rgb(128,128,128)“即使
在
成功更改为蓝色后仍然有效,当它需要转回灰色
时
也是如此。我正在寻找
在
vanilla JavaScript
中
做这件事
的
最简单
的
方法。light.
addEventListener
(&quo
浏览 19
提问于2021-08-22
得票数 0
2
回答
React
组件有时呈现两次不
改变
的
状态
。
javascript
、
reactjs
、
use-effect
、
use-state
它是关于
React
的
setState函数标识,即使
状态
没有
改变
,也会在某些情况下导致重呈现。预计会
发生
什么更新 适用于许多常见
的
副作用,如设置订阅和事件
处理
程序.这样
的
一个用例可以是侦听浏览器事件,如online和o
浏览 1
提问于2020-03-27
得票数 7
回答已采纳
1
回答
如何绕过模糊可编辑div和单击外部按钮所需
的
两次单击?
reactjs
、
onclick
、
contenteditable
、
onblur
我有一个可满足
的
div,它拥有自己
的
状态
,允许我检查它自己
的
长度并显示警告。这个可编辑
的
div是从一个类似表单
的
组件
中
调用
的
,该组件也保存了它
的
状态
,并在触发onBlur
时
检索contenteditable div
的
innerText。但是,如果用户
在
div被聚焦
时
单击任何按钮,它将
只
处理
onBlur()事件,
浏览 1
提问于2018-04-23
得票数 0
1
回答
是否建议
在
切换或反应更改事件
时
使用以前
的
状态
?
javascript
、
reactjs
、
typescript
我对onChange回调进行了更改,以使用
状态
,而不是
React
中
的
change事件。此更改是否建议并符合惯例,还是更好地使用事件从反应?const Toggle:
React
.FC = () => { const isOn: boolean
浏览 2
提问于2022-03-30
得票数 1
1
回答
反应-两个按钮-
点击
其中一个就会同时打开。
reactjs
、
react-hooks
我有一个带有onClick
处理
程序及其
状态
的
React
按钮组件--说明它是否
在
单击
时
打开。如果我
在
包装器容器
中
呈现两个这样
的
组件,并单击其中一个组件,则两个按钮都会更新
状态
。如何
处理
状态
,以便
只
更新一个按钮而不使用I?return ( <Button />
浏览 2
提问于2021-02-11
得票数 0
回答已采纳
4
回答
如何在不重新触发useEffect
的
情况下访问useEffect
中
的
状态
?
javascript
、
reactjs
、
react-hooks
我需要添加一些事件
处理
程序,这些
处理
程序可以与
React
之外
的
对象交互(比如Google )。在这个
处理
程序函数
中
,我想访问一些可以发送到这个外部对象
的
状态
。如果我不将
状态
作为依赖项传递,则添加/删除
处理
程序将添加适当
的
次数(实质上是
一次
),但是
状态
永远不会更新(或者更准确地说,
处理
程序无法提取最新
的
状态</e
浏览 4
提问于2020-08-03
得票数 14
回答已采纳
3
回答
当有多个按钮使用同一功能
时
,使用click
处理
程序更改按钮
的
颜色
javascript
、
reactjs
、
react-hooks
、
state
我有三个按钮使用相同
的
点击
处理
程序。-我
的
愿望是
在
点击
时
只
改变
一个按钮
的
颜色。 如果另一个按钮被
点击
,我希望之前
点击
的
按钮回到‘蓝色’(原始
状态
)。示例代码如下: import
React
, { useState } from '
react
'; export default functio
浏览 34
提问于2020-09-26
得票数 2
回答已采纳
2
回答
使用useEffect挂接useState
javascript
、
reactjs
、
react-hooks
、
use-effect
、
use-state
其中一个将数据保存到
状态
,并使用先前
的
状态
生成新
的
状态
。effect set state"); }); }, []); 因此,如果不使用useEffect (注释掉),将首先调用第一个onChange
中
的
控制台日志,然后调用第二个onChange
中
的
控制台日志 ? 如果取消对useEffect
的
注释,则控制台将首先从onChange2记录日
浏览 17
提问于2021-10-13
得票数 0
1
回答
React
呈现计数器从两个开始
javascript
、
reactjs
我使用create-
react
-app创建了一个新
的
React
应用程序,并使用render counter进行了测试。考虑以下代码: import
React
, { useState } from "
react
"; <p>{`Render counter: ${
浏览 13
提问于2020-12-29
得票数 1
3
回答
如何使动画在每次单击
时
都
发生
?
javascript
、
css
我希望每次我
点击
的
时候卡片都会抖动,但它
只
在
我第
一次
点击
时
发生
。我希望我
的
每
一次
点击
都会
发生
这种情况。JavaScript:card.
addEventListener
("click", function(){
浏览 39
提问于2020-05-12
得票数 1
回答已采纳
2
回答
如何使用useLazyQuery()
在
每次单击
时
执行查询
reactjs
、
react-apollo
、
apollo-client
、
react-apollo-hooks
使用@apollo/
react
-
hooks
中
的
useLazyQuery()钩子,我能够
在
单击按钮
时
执行查询。但是我不能使用它在连续
的
点击
上执行相同
的
查询。{ }); } 在上面的代码
中
,sendQuery<
浏览 288
提问于2019-10-07
得票数 14
回答已采纳
2
回答
在
window.
addEventListener
中
更新
React
状态
javascript
、
reactjs
、
scroll
、
react-hooks
、
use-effect
我有以下问题:我想在滚动
发生
时
更新
状态
。我使用了以下解决方案:
React
.useEffect(() => { window.
addEventListener
('scroll', scrollEvent) }, []) 我
的
状态
是: const[scrollAmount, setScrollAmount] =
React
.useState(0); 我
的
scroll事件
的
事件
处理</e
浏览 107
提问于2021-01-31
得票数 1
回答已采纳
1
回答
响应本机按钮需要两次单击以更改
状态
react-native
、
state
当我单击“显示元素”按钮
时
,我希望将
状态
更改为true,当我单击“隐藏元素”按钮
时
,我希望将
状态
更改为false。但是,当我第
一次
单击“”按钮
时
,它不会更改为true,并且需要第二次单击按钮,将
状态
更改为true。当我
点击
“隐藏元素”按钮
时
,情况也是一样
的
import * as
React
from '
react
'; impo
浏览 4
提问于2020-08-08
得票数 0
回答已采纳
3
回答
作为useState
的
回调
的
useEffect具有太多依赖项
javascript
、
reactjs
、
react-hooks
在
我
的
类组件
中
,我有一个对this.setState({B: "blah blah blah"}, () => {//do some function with state A})
的
回调函数,这样每次
状态
x
改变
时
,我都会将新
的
状态
值与
状态
B结合使用。当我尝试使用
React
Hooks
实现相同
的
功能
时
,
浏览 75
提问于2020-07-31
得票数 0
回答已采纳
1
回答
当调度一个更新
状态
为与当前
状态
相同
的
操作
时
,如何触发效果?
reactjs
、
react-hooks
我有一个这样工作
的
应用程序。
状态
包含一个目标。用户可以
点击
保存按钮以打开文件选择器并选择目标。预期
的
行为是,只要用户选择一个目标,应用程序就会执行
一次
保存。 下面的代码几乎可以正常工作。但不幸
的
是,当用户选择与先前
状态
相同
的
目标
时
,保存效果不会
发生
。if (state.target) { }
浏览 24
提问于2020-08-12
得票数 2
回答已采纳
1
回答
反应useEffects穷举deps仅触发创建组件将卸载功能
javascript
、
reactjs
、
use-effect
、
eslint-plugin-react-hooks
此操作
的
目的是存储组件
的
最后
一次
状态
,以便下次加载此组件
时
可以从该
状态
恢复。我只想在卸载
时
触发这个回调。当尝试为我
的
插件使用空
的
依赖数组
时
,
中
的
‘useEffect -deps’规则会响应推荐
的
'eslint-plugin-
react
-
hooks
‘要求,我会包含我试图持久化
的
值。这导致每次我存储<em
浏览 19
提问于2019-11-05
得票数 1
回答已采纳
1
回答
如何在
React
中
的
重复元素之间共享数据?
reactjs
所以我试着用
React
创建一个可扩展的卡片组件。我已经把它设置如下。现在一切都可以用,我可以
点击
一张卡片来扩展它,然后再
点击
它来折叠它。每一张卡都有自己
的
状态
变量“展开”。var ExpandableListItem =
React
.createClass({ var self = this
浏览 3
提问于2015-07-01
得票数 0
回答已采纳
1
回答
如何将useState
的
值传递给BackHandler.
addEventListener
react-native
我正在使用
React
Hooks
,当我为android背压
处理
程序创建事件侦听器
时
,回调函数
处理
程序
中
的
状态
为空!import { BackHandler } from '
浏览 0
提问于2019-09-14
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React Hooks踩坑分享
从源码中来,到业务中去,React性能优化终极指南
使用React Hooks代替类的6大理由
React的基本用法和技术特点
为啥Flutter Hooks没有受到太多关注和青睐?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券