当任何函数正在运行时，useEffect也在运行

文章/答案/技术大牛

发布

1回答

javascript、reactjs、graphql、apollo、apollo-client

loadingUpdate }] = useMutation( ); if (!const resetState = () => { }; // jsx ) 第一个问题，当调用o

浏览 20提问于2020-07-23得票数 0

回答已采纳

1回答

调用具有相同参数的两种方法

reactjs

我有两个功能此函数存储在数组中给定的id。const addSelectedIds = (id) => { selectedIds(id);这个函数用于检查给定的method // Here i need isSelected value as true beca

浏览 7提问于2022-10-19得票数 0

2回答

react和typescript中的useState()在功能组件中丢失数据

reactjs、react-hooks、typescript2.0

我在reacjs和typescript中遇到了钩子useState的问题，我的问题是当我尝试在useState中加载数据并检索该数据时，丢失了该数据，例如下面的示例。LOAD DATA HERE .catch(err => { }) React.useEffect

浏览 154提问于2020-10-29得票数 0

回答已采纳

1回答

为什么对useEffect依赖的反应似乎被忽略了？

javascript、reactjs、react-hooks、dependencies、react-context

我有一个带有两个useEffect钩子的React组件，其中一个只能在更新上下文中存储的值时执行。当组件在上下文值更改之前运行时，这个钩子正在执行，我不明白为什么。下面是代码和控制台输出。我使用这段代码的意图是，apibase效果钩子只在函数第一次运行时才运行(这似乎是有效的)，而getRights钩子只在apibase效果钩子运行之后才运行，因此更新了apibase的上下文存储值(这是不起作用的

浏览 2提问于2021-06-27得票数 0

2回答

为事件侦听器响应useEffect清理

javascript、reactjs、use-effect

在React组件中，我有一个用于卸载前的事件处理。我想在我的useEffect返回中把它清理干净。下面的代码是正确的方法还是有更好的方法？useEffect(() => { function callSvc(urls) {window.removeEventListener("beforeunload", function() {clearInterval(intV)}); } }

浏览 3提问于2022-04-08得票数 0

回答已采纳

4回答

有无useEffect在反应功能成分中的差异

javascript、reactjs

我有一个，我想在每个呈现中运行一些代码。您知道没有依赖数组的useEffect钩子每次在呈现时都会运行。这是代码 console.log('component rerenderd')}) <div> </div>} 另一方面

浏览 4提问于2020-06-30得票数 18

3回答

useEffect导致它调用该方法以获得过多次posts。我只想在查询更改时获得这些帖子。

javascript、reactjs、redux、use-effect、reddit

我正在尝试调用reddit API。文章标题正在显示，但当查询更改时，我希望它们重新出现。我只想知道当我的状态发生变化时如何调用一个方法(也就是我的查询)。我使用react中的useEffect来完成它，但是每当组件中有任何变化时，它都会调用它，这会导致它调用该方法以多次获得posts。我只想在查询更改时获得这些帖子。import React, { useEffect, useState } from 'react'; import { useSelector, us

浏览 1提问于2021-08-23得票数 1

回答已采纳

2回答

使用防火墙创建类似的按钮和useEffect/UseState将导致一个循环

javascript、reactjs、google-cloud-firestore、next.js

此组件从该卡(sale_id)加载数据，并用于存储在DB上。import { useEffect, useState } from 'react'; import { useAuthContext } from '.我使用useEffect在呈现时加载数据库中的任何内容，运行一个名为getUserData

浏览 2提问于2022-04-05得票数 0

2回答

useEffect对象依赖无限循环- ReactJS

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

我正在useEffect中运行一个useEffect函数，并将对象状态传递为dependency。我将状态对象作为依赖项传递，因为我希望在settings对象的值更改时重新呈现组件。在我的useEffect中，我调用异步函数addTextItem()，它调用函数finalPrice并更新状态，但是这样会导致无限循环。另一方面，如果我在useEffect中直接调用addTextI

浏览 6提问于2022-05-10得票数 0

回答已采纳

1回答

将功能组件重新呈现一次，即使状态值不变

reactjs、react-functional-component

当这个间隔触发时，主组件重新呈现。然后，我将setState更改为自定义钩子的一个固定数字.正如预期的那样，主组件不会重新呈现。但是，当间隔在下一次运行到setState值时，就会发生奇怪的事情。主组件和自定义钩子似乎是重新呈现(我放置了一些consolg.log并显示出来)，但是在useEffect中没有出现主组件和自定义钩子。看看这张照片，3条蓝线。第一条蓝线在钩子效应区间函数内。它使用未更改的值调用setNum。主组件不应该重新呈现，但似乎是这样的。第二和第三条蓝线打印

浏览 2提问于2020-08-09得票数 0

1回答

useEffect显示setProjects不是一个函数

javascript、reactjs

当useEffect运行时，数据会被获取，但是当我将setProjects(数据)放入时，它会说：我正确地导入了useState和UseEffect const {projects, setProjects} = useState([]) useEffect

浏览 3提问于2022-11-14得票数 0

1回答

若要修复，请取消useEffect清理函数中的所有订阅和异步任务

javascript、node.js、reactjs、react-native

我试着在FlatList中使用FlatList但是，在Loadingsecoend组件中，当加载为true，而2秒后没有数据时，我使用useEffect呈现，即当加载为false时，尝试呈现。To fix, cancel all subscriptions and 我明白原因是什么。const Loadingse

浏览 3提问于2021-03-10得票数 1

回答已采纳

2回答

React缺少依赖项。要么包含它们，要么删除依赖项数组。

reactjs

我正在制作一个React，我收到了这个警告。当组件挂载时，我尝试进行两个API调用： getWebsites();}, []);const Wrapper = (props) => { useEff

浏览 7提问于2020-04-07得票数 10

1回答

在if语句中响应不工作的SetState函数调用

javascript、reactjs

这是我的(简化)代码： const [disabled, disableInput] = useState(false) console.log("Variable Got Changed")如果我把它放在if-statement (仍然在onSubmit函数中

浏览 3提问于2021-04-05得票数 0

回答已采纳

2回答

不涉及依赖数组的UseEffect触发

reactjs、react-hooks

我有一个函数，下面用作useEffect处理程序的数组依赖项。我想要的是useEffect处理程序只在调用handleInputUpdate函数时才运行，但它也运行在组件挂载上。，这是我观察到的我尝试在</

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

回答已采纳

1回答

React钩子console.log和接口

javascript、reactjs、react-hooks

在我问我的问题之前:是的，我确实读过关于这方面的所有其他文章，但我基本上就是卡住了，不知道如何解决这个问题。所以基本上我的渲染和console.log比我的useState更改慢了一步。在视觉上和功能上最大的问题是动态按钮，它没有正确地启用/禁用。我的代码是： import React, { useState, useEffect } from 'react'; import ApiCalls from "../..

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

回答已采纳

1回答

引用DOM元素React Hook在第一次调用时返回“null

javascript、reactjs、react-hooks

问题是，在第一次渲染时，它返回null，而我只需要在组件上第一次渲染时获取该值。我在一个功能组件中就是这样使用的： const App = () => { const rootRef = useRef(null); console.log(refRect) } 这里是应用程序

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

回答已采纳

1回答

如何在onChildAdded中使用useEffect反应本机

firebase、react-native

我正在做一个简单的应用程序聊天与反应本机和火基实时数据库。我监听数据库更改相等的函数onChildAdded()。当我将函数放入useEffect()中时，它不起作用，但当我将它放在useEffect之外时，它是否工作。如何将onChildAdded放入useEffect中，但仍然有效。非常感谢!这里的代码在useEffect()中起作用 }, console.log(

浏览 30提问于2022-07-29得票数 1

2回答

我不明白这段代码(用于React/Redux)是如何工作的

javascript、reactjs、redux

我正在制作一个网络应用程序。它完美地工作在我希望它工作没有任何问题的方式上。尽管我不明白。我不明白的是这部分。 prev[index] = {isTrue : false}; }, {});只有当myInfo是componentDidMount时，我才会使用useEffect将其发送到Redux。当然，这是我想要的，但是即使我没有发

浏览 1提问于2019-09-18得票数 0

回答已采纳

4回答

useEffect清理功能中的“取消订阅”实际上是如何工作的？

javascript、reactjs、react-hooks、react-redux

在许多代码示例中，我看到如下所示：useEffect(() => { setItems(store.getState

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

回答已采纳

点击加载更多