腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
带
react
钩子
的
倒
计时器
reactjs
、
react-hooks
我正在尝试自己实现倒计时
计时器
,只是为了更多地了解
钩子
。我知道有很多库,但我不想使用它。我
的
代码
的
问题是,我不能在“
计时器
”函数中获得更新
的
状态,这个函数在启动
计时器
函数中更新。我正在尝试实现
计时器
,它将有启动,停止和恢复
的
触发器&可以手动触发。由使用倒计时组件
的
其他组件执行 import
React
, { useState } from '
react
'
浏览 35
提问于2020-10-18
得票数 2
回答已采纳
1
回答
如何正确使用clearTimeout
javascript
、
react-native
、
settimeout
、
cleartimeout
我有一个向帖子添加掌声
的
函数。我不想为每个clap添加一个clap,因为这在我
的
mysql服务器上是疯狂
的
,更不用说http请求和重新渲染了。所以我
的
函数将掌声正确地存储在状态中,但它每次都会运行函数,并且永远不会清除超时。我正在使用
React
Native和fetch。每次用户按下按钮时,都会调用_clapForPost函数。
浏览 44
提问于2019-09-22
得票数 1
回答已采纳
1
回答
不使用useEffect挂钩启动
计时器
间隔
javascript
、
reactjs
、
react-native
我想在
react
native中启动一个
计时器
间隔而不使用useEffect
钩子
,如果我想在promise解析时启动一个
计时器
并每秒更改一个状态变量,我如何在不使用useEffect
钩子
的
情况下做到这一点return () => { }; [] // empty dependency array当它工作时,我需要启动
计时器
,从一个普通
的
函数中调用它
浏览 0
提问于2021-07-21
得票数 0
1
回答
useMemo可以用于匿名函数吗?
javascript
、
reactjs
import {useCallback, useMemo} from "
react
"; const [scollLeft, setScrollLeft}, [visibleItemsOnScreen]); } 上面的内容是否可靠地回传了从每个elements生成
的
item
浏览 1
提问于2021-05-18
得票数 0
回答已采纳
1
回答
如何以编程方式提交反应式
钩子
?
reactjs
、
react-hooks
、
event-handling
我正试图在我
的
react
.js项目中添加一个
react
.js
钩子
。表格
的
定义如下: //some input elements</div>onSubmit方法定义为: console.log(data)
浏览 7
提问于2022-09-21
得票数 0
2
回答
React
钩子
等待,直到上一次调用完成
reactjs
、
redux
、
react-hooks
我正在做一个使用
钩子
的
react
项目。我被分配了一项任务 “更改useInterval
钩子
,或创建一个新
的
钩子
(usePoll?)。这应该与useInterval
的
操作相同,但应该等到ajax请求完成后再启动
计时器
”。 我是新
的
反应挂钩,并正在寻找一个解决方案,但找不到。当前
的
useInterval函数如下。import
React
, { useEffect, useRef } from '
浏览 47
提问于2019-06-20
得票数 3
1
回答
用
计时器
响应
钩子
来管理API调用
reactjs
、
fetch
、
setinterval
、
react-hooks
我需要执行一个fetch API调用,返回一个URL,对返回
的
URL执行一些操作,然后在60秒后刷新URL。这是我可以轻松地实现没有
钩子
,但我想要一个
钩子
解决方案。重要:我不希望将其重构为多个组件,也不会为
计时器
或API调用创建自定义
钩子
。 编辑:问题是-这是在
钩子
环境中处理
计时器
的
正确方法吗?有更好
的
办法吗?import
React
, { useState, useEffect } from '
r
浏览 0
提问于2019-07-05
得票数 3
回答已采纳
1
回答
列表项组件中
的
useCallback,而不是父级中
的
reactjs
、
usecallback
我创建了一个
react
应用程序,在其中我有一个带有删除操作
的
项目列表。我知道如果我从父级(项目容器)传递这个删除操作,我可以在父级中使用"useCallback“来防止不必要
的
delete方法
的
重新创建。它不会使用相同
的
记忆方法,而不是每次都创建一个新
的
方法吗? 换句话说,记忆
的
范围是什么?它是全球性
的
吗?还是每个组件?
浏览 1
提问于2021-01-27
得票数 0
1
回答
在
React
.useEffect
钩子
内不调用clearInterval
javascript
、
reactjs
、
react-redux
、
setinterval
我
的
React
游戏有一个<Clock/>组件来记录时间。 当游戏暂停时,
计时器
应该停止。 我使用Redux来管理播放/暂停状态,以及运行时间。const initialState = { inProgress: false, timeElapsed: 0 } inProgress状态由另一个组件上
的
按钮处理,该按钮发送更新存储
的
操作(仅针对inProgress<Clock/>组件在其useEffect
钩子
中使用setInterval递
浏览 16
提问于2020-08-15
得票数 1
回答已采纳
1
回答
如何在
React
前端实现保活轮询?
javascript
、
reactjs
在我
的
情况下,我们有位于客户端和服务器之间
的
Shibboleth身份验证代理。为了实现keep-alive轮询,我在我们
的
后端做了一个路由。然而,我一直无法在我们
的
React
前端实现实际
的
轮询。只要应用程序在客户端浏览器中处于打开状态,我如何实现重复
的
HTTP请求?从keep-alive请求返回
的
数据是任意
的
,在前端没有任何用处,因此这可能完全在
React
之外完成。
浏览 69
提问于2020-03-02
得票数 2
回答已采纳
3
回答
在
React
中没有重置setTimeout
reactjs
我创建了一个
钩子
来设置超时。添加到该
钩子
中
的
每个回调都会在一定时间内延迟:import
React
, { useRef, useCallback, useState, useEffect } from "
react
"; <button onClick={onCli
浏览 6
提问于2022-09-08
得票数 1
1
回答
当屏幕回到焦点时清除倒计时
计时器
reactjs
、
react-native
在学习
React
Hooks (从类组件过渡)
的
过程中,我正在
React
Native应用程序上构建一个简单
的
倒
计时器
。我注意到,每当屏幕聚焦时,
计时器
都不会正确清除。这是我
的
两个效果
钩子
: const unsubscribe = navigation.addListener("focus", () => {第二个是更新
计时器
。
浏览 3
提问于2020-04-17
得票数 0
1
回答
使用父状态
的
反应
计时器
javascript
、
reactjs
我有一个timer组件,它是A
的
子组件。我让play和pause作为父组件
的
状态值,并将其传递给子组件。我想为子组件启动一个setTimeout,当play为true时,该子组件将从
钩子
状态获得总持续时间。我使用
钩子
来存储子对象中
的
总持续时间,并在useEffect中使用setTimeout函数,如果play
的
值为真,则通过将初始值递减1来覆盖
钩子
状态值。https://stackblitz.com/edit/
react<
浏览 10
提问于2020-01-13
得票数 0
回答已采纳
1
回答
挂钩倒计时
计时器
不显示零
reactjs
、
react-hooks
、
countdown
倒计时
计时器
不显示零值。当秒或分接近零时,
计时器
删除跨度,其中显示数值。如果
计时器
时间是7分00秒,他会显示7,但我需要7分07秒00 } } const [timeLeft, setTimeLeft] =
React
.useState(calculateTimeLeft());
React
.useEff
浏览 29
提问于2021-03-01
得票数 1
回答已采纳
1
回答
以2位数显示
计时器
,而不是一个反应
计时器
挂钩
reactjs
、
timer
、
react-hooks
我在我
的
react
应用程序中使用了
react
-timer-hook。它工作得很好,但在这个例子中,
计时器
有两位数表示小时、分钟和秒,但当我导入它并将
计时器
作为应用程序中
的
一个组件使用时,秒表显示了一位数,当值增加到9以上时,它只显示了两位数。这是来自
react
timer
钩子
的
屏幕截图。 ? 这是我使用它时
的
截图。 ? 下面是我如何使用它
的
代码。import
React</e
浏览 11
提问于2021-11-10
得票数 2
回答已采纳
2
回答
倒计时时间变为负数。
react-hooks
、
use-effect
我
的
倒计时
计时器
在0之后不会停止,即使我清除了间隔,它也变成了负值。我似乎看不出哪里出了问题。在
计时器
转到0之后,我希望页面自动转到下一页,而不给出特定
的
路由,所以我考虑使用useHistory和goForward(),但是不知道在这个函数中添加
钩子
的
位置。import
React
, { useEffect, useState } from "
react
"; import { useHistory } from "
浏览 0
提问于2021-01-21
得票数 0
回答已采纳
2
回答
调用
钩子
函数以显示传入参数
的
钩子
实例
reactjs
假设我有一个引用containerRef
的
容器
钩子
。我希望能够调用一个
带
参数
的
钩子
实例
的
显示方法,这样
钩子
实例就可以像下面这样在MyContainer中呈现: <MyContainer ref={containerRef}/>
React
, {forwardRef, useImperativeHandle, useState} from '
react
'; con
浏览 1
提问于2020-05-28
得票数 0
2
回答
React
生命周期方法
reactjs
、
lifecycle
我做
react
有一段时间了,熟悉一些生命周期方法,但对其他方法不是很熟悉。例如,didMount显然是用于ajax请求或调用数据,然后将其加载到应用程序中但是static getDerivedStateFromProps还有componentDidUpdate,这是为了提高性能,还是在哪里是一个很好
的
例子,我可以使用这些? 显然,某些方法是执行操作和实际请求所必需
的
。显然,其中一些是为了提高性能,等等,只是想了解一些关于d
浏览 1
提问于2018-05-04
得票数 0
1
回答
在countdown timer - create with a
react
钩子
中进行属性动态更新时遇到问题
reactjs
、
react-hooks
、
react-state
我对
React
和构建一个需要从父组件动态设置倒计时
计时器
的
项目感到陌生。我在网上找到了一个使用
钩子
的
react
倒计时
计时器
,但我还不太熟悉
钩子
。在我
的
代码底部,你可以看到一个父类,在那里我将'cycleTimeSelected‘传递给Countdown组件/
钩子
。在此之前,它可以正常工作。 但我没有成功地让它正确和动态地更新
计时器
。
React
.useState(
浏览 14
提问于2020-09-30
得票数 0
回答已采纳
3
回答
每秒钟更新一次useEffect状态10秒
javascript
、
reactjs
、
react-hooks
、
settimeout
、
use-effect
通过不进入实际用法,我创建了一个简单
的
示例来解释我想做什么。 constructor() { this.state = { <p>hello</p> <p>{this.state.num}</
浏览 1
提问于2021-06-13
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
关于React的学习笔记
FastAPI+React全栈开发19 React Hooks事件和状态
Ink 3:内置了全新的Hook、Suspense及React开发工具支持
React个人学习感悟(三)
最新React技术栈,实战复杂低代码项目-仿问卷星完结-门外青苔满
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券