React hooks -在useEffect中设置超时，但能够将其从鼠标事件中清除？

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-hooks、timeout

我使用按钮单击来设置open变量，然后实际上我启动了5秒超时。现在，如果用户将鼠标移到菜单上，我将active属性设置为true，并尝试清除超时。但这是行不通的。这意味着，在应该清除超时变量的代码中，超时变量始终为空。[open, openMenu] = useState(false) le

浏览 30提问于2020-10-21得票数 2

回答已采纳

2回答

clearTimeout会阻止setTimeout运行

javascript、html、settimeout

const id = setTimeout(() => { }, 300); }; // do something }, 300); }; useEffect

浏览 36提问于2021-10-24得票数 3

2回答

清除单击事件中的超时设置

reactjs、react-hooks

我想知道如何清除超时，这个超时是在React中的onclick事件中设置的。我知道，当超时设置在“useEffect”中时，您可以轻松地取消超时，但是这个用例如何？

浏览 4提问于2022-11-24得票数 0

回答已采纳

2回答

在这个错误消息中“直接在useEffect中移动这个变量”是什么意思？

reactjs、react-hooks、use-effect

该值是在useEffect钩子中设置的，在传递给子组件时会丢失。 let users = {}

浏览 2提问于2019-05-16得票数 41

回答已采纳

2回答

如何在React Hooks中调用一个单击按钮的函数来监听另一次鼠标单击？

javascript、reactjs、react-hooks、addeventlistener、use-effect

我正在使用React Hooks，我想这样做:我有一个按钮，当单击时，我想让它监听另一次鼠标单击，但我读到过，我不应该在函数中调用addEventListener。我尝试在useEffect中使用addEventListener，但失败了。我希望事件侦听器仅在单击按钮时触发，但useEffect将始终在此之前运行。我不知道该怎么办。useEffect(() = > { document

浏览 50提问于2019-12-24得票数 2

回答已采纳

2回答

如何使用react引导在set输入字段类型文件中设置值？

javascript、reactjs、react-bootstrap

我在我的演示应用程序中使用了react引导程序。我想在输入类型文件中设置值。另外，我想在10秒后从输入类型文件字段中删除这个值(如果有值的话)。有可能吗？我试过像这样 useEffect(() => { setValue

浏览 5提问于2022-04-11得票数 0

2回答

获取后无法使用react hooks (useState)查看状态输出

javascript、reactjs、axios、fetch

我正在尝试完成一个简单的axios api抓取，并将响应设置为一个状态。我可以看到控制台日志中的数据，但当我尝试将其设置为state时，似乎没有发生任何事情。我尝试过在各种博客的帮助下使用useState，useEffect，useReducer，但我看不到输出，所以我肯定做错了什么。编辑:我试图在页面加载时这样做，而不是在点击事件上。我能够在react (ht

浏览 19提问于2019-12-20得票数 0

3回答

从堆栈导航回时，OnDidFocus事件不工作

react-native、event-handling、react-navigation-stack

我正在尝试使用React导航4和以下事件侦听器在我的react Native应用程序中测试OnDidFocus事件： const willFocusSub ={ };当我第一次加载页面时，它工作得很好，但是当我离开页面，然后通过后退按钮返回到相同的屏幕时，它似乎没有感知到焦点事件CrewMember: CastDetailS

浏览 29提问于2020-05-27得票数 0

回答已采纳

1回答

幻灯片:鼠标移动时停止执行

javascript、jquery

在HTML中有一个带有id=“前进”的元素。它可以用手点击。在这种情况下，用户只需自己按下前向元素(手动)。下一页将再次开始倒数。换句话说:如果一个人不碰鼠标，幻灯片就会自动启动。

浏览 0提问于2017-09-27得票数 0

回答已采纳

1回答

在React组件中，在useEffect中，清除计时器会导致不受欢迎的结果。

javascript、reactjs

在我的React中，我有输入，它应该将其内容激发到Redux，但是有随机延迟(在5到10s之间)。由于延迟和随机，我很清楚，逻辑应该在useEffect中。因此，我对代码进行了如下分析： /

浏览 4提问于2022-10-20得票数 1

回答已采纳

5回答

为什么useEffect不运行在window.location.pathname更改上？

reactjs

为什么useEffect不运行在window.location.pathname更改上？我只记录了一次loc。 const loc = window.location.pathname }, [window.location.pathname

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

回答已采纳

1回答

如何在中检测多个外部单击事件侦听器时提高性能

javascript、reactjs、performance、react-hooks

在搜索主题"“之后，我无法找到提高当前应用程序性能的解决方案。, { useState, useEffect } from 'react';import PropTypes from

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

回答已采纳

1回答

为什么我必须手动刷新页面，以便在使用react路由器时加载组件？

javascript、reactjs、react-router

const [letterClass, setLetterClass] = useState('text-animate') useE

浏览 5提问于2022-05-19得票数 2

回答已采纳

2回答

在react中在哪里清除setTimeout？

reactjs、settimeout

useEffect(() => { // do something }, 500); const id_1 = setTimeout((

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

回答已采纳

1回答

是否在调用document.onpaste后更新React状态？

reactjs

我正在尝试设置一个功能组件，允许用户将其剪贴板图像复制/粘贴到应用程序中。在useEffect中，我设置了document.onpaste。这是工作，我能够得到图像，并上传它。但我需要让它在粘贴后更新状态，这样我就可以允许它们粘贴多个图像并将它们保存在状态中的数组中。我已经简化了下面的问题。基本上，当我粘贴时，我想让它更新计数器值，但它没有。计数器总是= 0。如果我使用普通的react按

浏览 0提问于2021-03-02得票数 0

3回答

Javascript -如何在反应中反复遍历数组

javascript、reactjs

想象一下，我有一个像这样的对象数组： {name: "item 0"}, {name: "item 2"}像这样的组件： if (currentItemIndex < 3) { setCurrentItemIndex(currentItemIndex +

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

回答已采纳

3回答

使用函数式钩子的计时器没有停止

javascript、reactjs、react-hooks

/assets/css/timer.css' if(time!我也试过这个 setInterval(()=>{

浏览 8提问于2021-07-07得票数 0

回答已采纳

3回答

NextJs:在React* useEffect钩子中使用时间变量调用setInterval*

reactjs、react-hooks、next.js、setinterval、use-effect

import { useState, useEffect } from 'react'; const[jsonData, setJsonData] = useState(null); const innerFetchData = async () =}, interval); return () => clearInterval(timer

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

1回答

使用钩子响应组件同步状态计数与本地存储的时间

javascript、react-hooks、local-storage、event-listener

import React , {useState, useEffect} from 'react'; const [timer, setTimer]localStorage.setItem("timer",timer); } useEffect<div align="ce

浏览 4提问于2021-06-25得票数 1

回答已采纳

1回答

在function中调用addEventListener内部的addEventListener回调函数

javascript、reactjs、react-hooks

在实现过程中，在eventListener中注册和删除eventListener存在一个问题。import { useState, useRef, useEffect } from "react"; const array = [170, 171定义函数，则根据“dragEventStart”状态的变化，在组件重命名过程中不能删除注册为事件的回调函数。如果在useEffect

浏览 4提问于2022-09-13得票数 0

回答已采纳

点击加载更多