我有钩子useInterval，每10秒自动下载数据，但我也有按钮，可以手动下载数据的每一分钟。当我点击按钮时，我正在努力重新启动间隔计时器。所以基本上，如果间隔计数到5，但我同时单击按钮，间隔应该重新启动，并在下载数据之前再次开始计数到10 const useInterval = (callback, delay) => { return () => clearInterval(id);
浏览 25提问于2021-02-04得票数 1
回答已采纳
我正在建设庞多罗计时器，我有问题的useIntervel钩子。我想两者都能够重置useInterval，以便计时器应该停止时，重置按钮，或我导航到另一个选项卡(我正在使用底部标签导航)，重新启动按钮时，按下，或我重新导航到计时器选项卡。我可以停止useInterval钩子，这要感谢文章1：function useInte
浏览 3提问于2022-08-16得票数 0
回答已采纳
2回答
我正在做一个使用钩子的react项目。我被分配了一项任务 “更改useInterval钩子，或创建一个新的钩子(usePoll?)。这应该与useInterval的操作相同，但应该等到ajax请求完成后再启动计时器”。 我是新的反应挂钩，并正在寻找一个解决方案，但找不到。当前的useInterval函数如下。import React, { useEffect, useRef } from 'react&#x
浏览 47提问于2019-06-20得票数 3
用户单击按钮导出文件
我简化了Codesandbox中的代码以重现问题，在我的Codesandbox中，当单击按钮时，我运行useInterval，每4秒获得一张新的随机猫图片，并更新我的钩子。据我所知，问题在于我正在自定义钩子(useInterval)中调用钩子
浏览 0提问于2019-07-18得票数 6
回答已采纳
2回答
当我试图从一个控件重新设置计数器时，我很难弄清楚为什么我的计数器不会重置。我怀疑我在从我的控制中操纵状态的方式上犯了某种(常见的，也不是令人尴尬的)错误。例如，如果我多次计时“更快”，然后单击“正常”计数继续以加速的速度进行:显然，更快的计时器没有被startTimer调用清除。只有随后单击“重置”或“停止”后再单击“开始”，速度更快的计时器才会显示为清除。但我对为什么会这样感到困惑:所有路径都以相同的方式使用clearInterval。WobblyCounter.tsx
import
浏览 1提问于2019-08-18得票数 0
回答已采纳
我使用的是useInterval钩子，由的Dan编写function Counter() { // Your
浏览 0提问于2019-07-09得票数 3
回答已采纳
const startTimer = () => { useInterval(() => { }, 1000);这是当我按下按钮时调用的函数。useInterval是自定义钩子，代码如下所示：
export default fu
浏览 8提问于2022-06-07得票数 0
回答已采纳
我在Dan ()的博客文章之后实现了一个定制的钩子。它基本上是一个声明式setInterval函数。然而，我很难用Jest和酶来测试它。该应用程序是用创建-反应-应用程序引导的。当我单击“开始”按钮时，经过的时间会增加，并完美地显示在页面上。在父组件中，我更新状态，该状态存储经过的时间。它将更新过的时间timer道具传递给Timer.js。我读到，我需要安装，而不是使用浅，因为钩子。我让小丑用假计时器。然后，我模拟一个按钮按下开始按钮
浏览 1提问于2020-05-20得票数 2
回答已采纳
我的自定义钩子useTyper.js最终变得有点混乱，很难读懂。import React from "react";};
为了完成，这是useInterval钩子正在由useTyper使用。<
浏览 0提问于2020-06-26得票数 7
回答已采纳
2回答
以下组件在控制台中打印0，但不会按预期更新DOM。bottom-2 right-8 text-xs text-oldLace">{`closing in ${timer}s`}</span>}; 为什么setInterval在控制台中打印
浏览 18提问于2021-07-18得票数 0
回答已采纳
我创建了一个钩子来设置超时。添加到该钩子中的每个回调都会在一定时间内延迟：import React, { useRef, useCallback, useState, useEffect } from "react";
const useTimer，Hello文本将在用户单击按钮后出现，并在5000秒后消失。问题:单击1次按钮</
浏览 6提问于2022-09-08得票数 1
我的钩子有以下用法，但当我在输入内部更新时，它不使用新的timerDuration：这是useTimer钩子的实现，我不确定为什么它不能更新我的持续时间？import { useState } from 'react';import u
浏览 7提问于2021-05-15得票数 0
回答已采纳
代码import ReactDOM from "react-dom";
const [counter, setCounter] = useState(0);
useInterval(() =>type="button" on
浏览 1提问于2021-01-28得票数 1
回答已采纳
import { useState, useEffect } from 'react';
const}, interval); }, []);
}; 我正在导入它，并在我的一个react如果我在fetchData内部的计时器上硬编码间隔时间，它可以正常工作。您能帮我弄清楚如何传入间隔
浏览 48提问于2021-04-09得票数 1
当你去看视频的时候，我试着制作一个类似Youtube的假加载条，我想让它持续1.5秒，这就是我的页面在avg上加载所需的时间，但是这个代码不起作用： } startLoader();问题是，fakeLoader总是在startLoader
浏览 0提问于2021-07-16得票数 0
回答已采纳
)
setcount(count + 1)
}, 5000); 它的启动速度越来越快，每次运行时，我在另一个应用程序中使用了相同的逻辑
浏览 36提问于2019-08-27得票数 2
在寻找解决这个问题的方法时，我无意中发现了Dan的一篇博客文章，它实现了一个自定义钩子来规避这个问题。但是，在使用他的代码时，我立即遇到了以下错误：
Error: Invalid hook call.据我所知，我没有违反任何钩子规则，我使用了几个react站点调试方法来查看是否有react的重复版本。从下面的代码中，我是否违反了一条我不知道的钩子规则？我唯一能想到的就是错误，因为我从useInterval内部调用useEffect。如果是这样的话，您将
浏览 2提问于2021-03-10得票数 1
回答已采纳
我正在尝试创建一个可重用的钩子来解决这个中概述的陈旧的闭包问题。=> { }, 1000); }, []);
};
基本上，在创建闭包时，count会被冻结在0，这意味着0会在setInterval中不断添加到1中。我见过一些使用钩子的库，比如下面的useStor
浏览 4提问于2019-10-27得票数 1
3回答
我的目标是使它能够使当我点击pause按钮时，计时器停止递增。目前，我试图通过以下方法实现这一目标： useEffect(() => {&
浏览 5提问于2020-07-31得票数 1
回答已采纳
3回答
我在useInterval钩子上有以下问题，如果它点击计数20，我会尝试使计数器停止，但是我目前实现它的方式似乎会导致无限循环的呈现。到目前为止，我的代码如下： // ON/OFF
const [i
浏览 14提问于2022-03-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
