腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
clearInterval
未在
useEffect
中
停止
我
的
计数器
javascript
、
reactjs
、
react-hooks
我
正在尝试在
useEffect
React钩子中使用setInterval和
clearInterval
。计时器按预期启动,但不会
停止
。
我
将setInterval赋值给intervalID,然后调用
clearInterval
(intervalID)
useEffect
(() => { }, 1000); } else if (sta
浏览 36
提问于2020-10-18
得票数 5
1
回答
当
计数器
达到特定数量时,
我
如何告诉
计数器
停止
递增?
react-native
、
hook
、
setinterval
我
正在尝试实现一个
计数器
,当它达到一定数量时会
停止
,但我目前拥有的
计数器
不会
停止
。它似乎在不断增加;为什么会这样?这与
useEffect
的
执行时间或执行次数有关吗?const [counter, setCounter] = useState(0); if (counter < 10) { se
浏览 7
提问于2020-10-06
得票数 0
回答已采纳
5
回答
使用功能组件
的
clearInterval
在React应用程序
中
不工作
javascript
、
reactjs
、
setinterval
、
react-functional-component
、
clearinterval
我
想用React构建一个计时器应用程序,使用functional component和更低
的
版本。当
计数器
运行(递增)时,Start按钮将成为Pause按钮。单击Pause按钮时,counter将保留其值(数字),但
停止
运行(递增)。 该组件还将显示一个Reset按钮。单击Reset按钮后,counter将转到其初始值(在本例
中</em
浏览 25
提问于2022-04-20
得票数 0
1
回答
为什么在
我
的
React应用程序中使用
useEffect
和setInterval时会出现对象错误?
reactjs
、
setinterval
、
use-effect
、
codepen
我
正在用React构建一个带有开始/
停止
按钮
的
计数器
。
我
一直在
我
的
函数组件
的
代码上得到一个对象错误。
我
已经将其缩小到了setInterval行(代码行32 )在
useEffect
中
,但我不知道它有什么问题。isRunning, setIsRunning] = React.useState(false); const counter = () => setTime(time
浏览 8
提问于2022-04-29
得票数 1
回答已采纳
2
回答
带有启动或
停止
按钮
的
ReactJS
计数器
或计时器
javascript
、
reactjs
、
counter
、
use-state
需要帮助理解在
useEffect
中
,如果
我
不将
计数器
和timerCheck放在
useEffect
依赖项
中
,那么它在这里会产生什么影响。如果
我
将timerCheck依赖项放在
useEffect
中
,那么
计数器
增加
的
速度要快100倍。
浏览 4
提问于2022-08-04
得票数 0
回答已采纳
2
回答
当我切换选项卡时,
我
的
计数器
停止
(reactjs)
javascript
、
reactjs
、
react-hooks
我
对javascript很陌生,
我
做了一个
计数器
。它可以工作,但是当选项卡处于非活动状态时,它会
停止
,然后在
我
返回页面时恢复。这是
我
的
代码: const [timerOn, setT
浏览 1
提问于2022-05-30
得票数 1
回答已采纳
2
回答
无法访问区间内
的
状态
javascript
、
reactjs
、
react-hooks
在这里,当
计数器
等于10时,
我
想在间隔内访问
计数器
,
我
想
停止
它。 console.log("counter: ", counter); // alway return 0 if(counter ===
浏览 2
提问于2019-10-23
得票数 7
回答已采纳
3
回答
为什么
我
不能清除
我
的
setInterval?
javascript
、
reactjs
、
react-hooks
、
setinterval
、
use-effect
当组件(例如Home)在视图中呈现时,
我
正在尝试创建一个自动
计数器
。
计数器
应该在1点开始,在10点
停止
。但是
我
不能在10点清除
我
的
setInterval。
计数器
仍在增加。有什么问题吗? let timer = useRef() if(counter === 10){
clearInterval
浏览 4
提问于2021-02-21
得票数 2
回答已采纳
2
回答
如何
停止
此
计数器
并使用react将最终值放入数据库
中
?
reactjs
、
axios
、
react-hooks
我
需要帮助--
我
是reactjs
的
新手--怎么才能
停止
这个
计数器
,并使用reactjs在数据库中放置最终
的
值?代码import ReactDOM from "react-dom"; </div>} function useInter
浏览 1
提问于2021-01-28
得票数 1
回答已采纳
2
回答
如何使用制作
计数器
,这取决于两个按钮
的
启动和
停止
?
javascript
、
reactjs
、
asynchronous
、
react-hooks
我
想实现一个
计数器
,它将在单击开始按钮时开始递增,当我们单击
停止
按钮时
停止
,同时
计数器
用默认值1重新初始化。
我
使用
的
是setInterval,但这种行为是荒谬
的
。
我
还希望这个
计数器
在ex 10上转到给定
的
值,然后再以1,2开始,就像这样。 setIn
浏览 7
提问于2020-08-30
得票数 1
回答已采纳
2
回答
单
useEffect
中
的
反应钩状态
reactjs
、
react-hooks
我
试着使用新
的
反应钩功能,但有点绊倒了。 setCounter(counter + 1); return () =>
clearInterval
(k); <div>Counter via state: {counter}<br/></div> );
浏览 1
提问于2019-01-28
得票数 1
回答已采纳
3
回答
在React with Hooks
中
实现倒计时计时器
javascript
、
reactjs
、
react-hooks
我
正在尝试用react钩子在屏幕上呈现一个倒计时计时器,但我不确定呈现它
的
最好方法。
我
尝试了几种不同
的
方法,但都不起作用,比如每当更新时设置状态,但它最终像疯了一样闪烁。const secondsLeft = Math.round((then - Date.n
浏览 1
提问于2019-07-22
得票数 19
1
回答
在react中使用redux-thunk初始化单个计时器
reactjs
、
redux
、
react-redux
、
thunk
目前,
我
正在使用一个定时器
的
副作用,该定时器每0.1s发送一个更新操作到商店:
useEffect
(() => {); return (<p>{score}</p>);在incrementAsynch()
中
初始化计时器
的
最佳位置是哪里?
useEffect
中
吗?const Timer = ({ update, score })
浏览 4
提问于2020-05-06
得票数 0
1
回答
如何用
useEffect
反应每3秒执行滚动函数
reactjs
、
use-effect
我
正在尝试构建一个组件,它可以自动滚动一些列表,向前,然后向后滚动。
我
的
最后一个阶段是在间隔之后在组件
中
自动执行scroll。为此,
我
使用了额外
的
useEffect
const interval = setInterval(() => { },TIMER); return () =>
clearInterval
(interva
浏览 2
提问于2022-07-14
得票数 0
回答已采纳
3
回答
如何使用‘`onClick`’事件来
停止
调用由
useEffect
钩子调用
的
函数?
reactjs
、
react-hooks
、
setinterval
、
clearinterval
、
use-effect
如何使用onClick事件来
停止
重复
的
函数调用?由于使用
useEffect
、setInterval和
clearInterval
,函数调用是循环
的
。 const Interva
浏览 7
提问于2020-04-17
得票数 1
回答已采纳
1
回答
使用react/javascript每10秒发出一次请求
的
最优化方法是什么
javascript
、
reactjs
、
react-hooks
每次请求完成加载时,
我
都需要等待10秒并获取数据。到目前为止,
我
使用了两个useEffects,一个用于验证数据是否准备好,另一个用于循环
计数器
,直到
计数器
达到0为止。
我
想知道是否有更好
的
方法。
useEffect
(() => { timer = setInterval(() => setCounter(value => value - 1), 1000) }, [loading])
浏览 5
提问于2022-07-06
得票数 0
3
回答
React Countdown重置
javascript
、
reactjs
、
settimeout
、
use-effect
我
正在尝试建立一个倒计时器,但我面临着一个
我
不理解
的
问题。当我按下start时,计时器工作正常,当我暂停计时器时,也是如此。问题是当我按下reset按钮时,该按钮应该
停止
倒计时并将其重置为其原始值(此时为25)。 当我按下它时,倒计时
停止
,它转到25,然后它转到前一个数字。例如,如果
我
在16点按它,它会
停止
,转到25,然后回到16或15。
我
猜这与
useEffect
有关,因为handleReset同时更新了counter和runnni
浏览 28
提问于2020-07-02
得票数 0
回答已采纳
3
回答
如何在反应钩中自动
停止
setInterval?
reactjs
、
react-hooks
、
setinterval
我
想要建立一个循环ProgressBar,计数在60,然后自动
停止
。
我
的
密码是: import React, { useState,
useEffect
} from "react";export default function App() { const [
浏览 5
提问于2022-06-12
得票数 2
回答已采纳
2
回答
在react.js中使用
useEffect
钩子更新自动增量
计数器
值时面临
的
问题
javascript
、
html
、
reactjs
、
react-hooks
我
的
自动增量
计数器
出了问题,它每2秒更新一次。它更新了值,但以一种浮躁
的
方式,请检查代码,并分享您对问题
的
看法。const [counter, setCounter] = useState(1200) setCounter(counter + 1)
useEffect
(counter => 1200 && counter < 1364) { setInterval(handle
浏览 5
提问于2022-06-13
得票数 0
回答已采纳
1
回答
增加
计数器
,然后在达到特定限制时将其重置
reactjs
、
react-hooks
、
use-effect
我
刚开始学习react,
我
有一个关于性能
的
问题。
我
想使用setInterval函数递增一个
计数器
,然后在达到数组长度时重置它。问题是
我
需要为
useEffect
依赖项添加一个active变量,这将删除间隔,然后再次创建它。setActive(0) : setActive((active) => active + 1) return () =>
clearInterval
(timer)}, [active]
浏览 31
提问于2021-09-14
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
编写React组件时常见的5个错误
React组件开发中常见的陷阱
JavaScript 计时事件介绍|JavaScript 教程
使用React Hooks代替类的6大理由
【jQuery】淘宝banner轮播
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券