为什么我的setInterval在react钩子中只运行一次？

文章/答案/技术大牛

发布

2回答

reactjs、react-hooks、setinterval

为什么这段代码只触发一次setInterval，然后停止... const MainBar = ()=> { const interval = setInterval(setClock(clockUpdate()), 1000); const [clock,

浏览 101提问于2020-06-15得票数 3

回答已采纳

1回答

useEffect在React.js中的怪异行为

reactjs

在我的React应用程序中，我遇到了一些奇怪的行为，其中setEffect的状态(比如state1)作为第二个参数，在没有调用setState1的情况下改变了另一个变量(而不是状态)。因此，我编写了以下代码，以查看是否会发生相同的情况，并做到了： import React, { useState, useEffect } from 'react<

浏览 1提问于2020-09-25得票数 2

回答已采纳

3回答

不更新useEffect中的状态

javascript、reactjs、setinterval

我目前正在ReactJS中构建一个用于实践的计时器。目前，我有两个组件，一个Timer组件，它在挂载时显示时间和设置间隔。我还有一个App组件，它保存主状态的跟踪，例如定时器是否为paused的状态以及timer的当前值。我的目标是使它能够使当我点击pause按钮时，计时器停止递增。但是，当我通过单击按钮更新paused状态时，setTimeout中的这个paused状态不会改变。我</e

浏览 5提问于2020-07-31得票数 1

回答已采纳

4回答

在setInterval函数中使用console.log时，会运行无限次

javascript、reactjs、react-hooks、setinterval、use-state

import React from "react"; let time = new Date().toLocaleTimeString(); //console.log(time); } setInterval(getTime, 2000的应用程序组件。这段代码创建了一个运行时钟。当我注释掉setI

浏览 76提问于2020-07-29得票数 0

1回答

React自定义安装挂钩

reactjs、react-hooks

我总是忘记在React的useEffect钩子中添加空的依赖数组，以便只运行一次效果。这就是为什么我决定使用一个自定义钩子，在它的名字中有一个明确的意图，只在挂载上运行一次。但我不明白为什么它要运行两次？ import <

浏览 23提问于2020-05-10得票数 0

回答已采纳

2回答

React Hooks:状态总是设置回初始值

javascript、reactjs、react-hooks、react-state

切换到react钩子并第一次使用它们。我的状态似乎总是被设置回传递给它的初始值(0)。代码是让页面自动上下滚动。该页面只是练习显示各种文件类型。发生的情况是，scrollDir变量将切换为设置为1或-1和0。因此，控制台将显示1，0，1，0，1，0等...如何使状态在更新期间保持不变？{ } } useEffect(

浏览 85提问于2019-05-08得票数 1

回答已采纳

3回答

如何使用React每5分钟调用一次API？

reactjs、api、axios

我一直试图每5分钟调用API一次，但是setInterval的限制不允许这样做。useEffect(() => { (() => { const API_KEY = "C5EQJXXXXXXXXXXXX";

浏览 15提问于2022-01-31得票数 0

回答已采纳

4回答

无法在react钩子中更新setInterval内部的状态

reactjs、setinterval、react-hooks

我希望每一秒都更新setinterval()中的状态，但它不起作用。我是新来的反应钩子，所以无法理解为什么会发生这种情况。请看下面的代码片段，并给我建议。// State definition let targetShowTime= 3;&

浏览 6提问于2019-10-15得票数 15

回答已采纳

3回答

React:计数值什么时候在setInterval中不发生变化？

javascript、reactjs、react-hooks、setinterval

我知道这段代码可以工作，count值每隔2秒就会更新一次： const [count, setCount]+ 1); }, []); }React.useEffect(()}, 2000);

浏览 12提问于2021-12-09得票数 1

回答已采纳

2回答

setInterval()在一个时间间隔内调用两次[React js]

javascript、reactjs

请看控制台上打印的时间。我在下面附上了我的代码。如果你能给我一个解决方案的线索，我将不胜感激。import React, {useState} from 'react'; import AppRouter from '.isLoggedIn, setIsLoggedIn] = useState(authService.curr

浏览 0提问于2021-10-15得票数 0

4回答

clearInterval()没有明确的反应间隔

javascript、reactjs

我想增加用户数量后，每200毫秒到5000以下的代码。但是，当用户数超过5000时，它并没有清除这个间隔。Cards = () => { const setIntervalUsers = setInterval

浏览 3提问于2022-08-14得票数 1

回答已采纳

1回答

反应setInterval和useState

javascript、reactjs

我有两个问题。首先，为什么这段代码不能工作。第二，为什么这段代码在出现2^n -1 (例如1-3-7-15 )时变慢？let time = 0 const [mytime, setMytime] = useState(time) setInterval(() => {

浏览 3提问于2022-02-18得票数 2

3回答

使用React钩子实现自增量计数器

javascript、reactjs、react-hooks

Props) => { const interval = setInterval这看起来很好，因为状态(计数器)一直在递增，但是当与其他钩子结合时，它可能会冻结。这样做的正确方法是什么？在类组件中，它很简单，只需要一个实例变量来保存间隔。

浏览 0提问于2018-11-20得票数 38

回答已采纳

2回答

如何在功能组件中保存变量的值

javascript、reactjs、react-native、react-hooks

我在functional component中有变量functional component和Hooks，我更新并设计了新值 myinterval，就在useEffect内部。但是在状态得到更新后，myinterval保存prev值，我指的是我在函数组件中初始化的值。}; return <button className="App" onClick={print}>hey</but

浏览 3提问于2019-10-12得票数 1

回答已采纳

1回答

使用上下文API和React挂钩每隔几秒钟执行一次API调用

reactjs、react-hooks

在使用React中的上下文API时，是否可以每隔几秒设置一次自动刷新间隔？getData()函数在API上运行axios.get()，但是当我在useEffect钩子的返回函数中尝试setInterval()和cleanup时，它仍然没有清理间隔。我只是想每隔几秒钟刷新并重新执行一次API调用。我尝试使用useRef()

浏览 0提问于2019-10-28得票数 0

3回答

如何在应用延迟前使setInterval运行一次回调函数

javascript、reactjs、react-hooks

我正在运行setInterval中的useEffect钩子来循环一个函数，但是，在应用延迟(间隔)之前，我希望能够先运行该函数一次。在应用延迟之前，我可以在useEffect钩子中运行一次函数吗？在setInterval函数之前，我尝试过<

浏览 0提问于2019-04-30得票数 2

回答已采纳

3回答

如何使setInterval响应改变状态变量？

javascript、reactjs、setinterval

我希望在用户登录后，从一个数字开始计数以下代码。 setMessage(`User: ${currentUser.firstName}`); setIntervalconsole.log(secondsLeft);

浏览 4提问于2021-12-05得票数 0

1回答

响应useState将元素添加到数组中，而不是复制数组

reactjs

我正在创建一个显示随机数据的图表。我使用useState存储数据数组，然后在推送新更新时更新图表。我使用以下代码：setInterval(function() { console.log(data)然而，我的console.log输出了像这样的多个数组，这

浏览 7提问于2022-06-01得票数 0

2回答

为什么使用React useState()的计数在两个数字之间交替使用？

reactjs、react-hooks、use-state

下面是使用useState()的反应钩子实验。它可以正常工作，除非单击了+按钮，然后这个数字可以从7001和7000交替，然后在一些数字之间快速闪烁。为什么是这样，怎么才能解决呢？ P.S.最初的调试发现是:似乎Counter()被多次调用，每次都设置一个间隔计时器。所以“神奇地”，似乎useState()只运行了一次--出于某种未知和神奇的原因--或者它运行了不止一次，但每次只返

浏览 4提问于2020-02-13得票数 0

回答已采纳

1回答

React setInterval函数在重新渲染后仍在后台运行

javascript、reactjs、react-hooks、setinterval、use-state

我在useEffect中使用了setInterval，在我的一个react组件中使用了一个空的依赖数组。存在控制该组件显示的true/false useState。<component/> : '' }) 当组件第一次加载时，setInterval只运行一次</

浏览 5提问于2021-11-26得票数 0

点击加载更多