React hook useEffect在组件挂载时运行。但是，如果效果依赖于用户输入，则在挂载时执行效果是多余的。那么，是否可以在依赖项上运行验证，然后相应地执行挂钩？Codesandbox example useEffect(() => { const dogImage
浏览 15提问于2019-05-18得票数 0
2回答
getTokenIdFromURL); .then(res => setUser(res))} verifyEmail(getTokenIdFromURL);
checkIfUserIsEn
浏览 2提问于2019-11-01得票数 2
回答已采纳
3回答
我只想让useEffect在我的依赖列表更改时运行，它也在每次安装组件时运行，有什么方法可以不在挂载上触发吗？
如果某些值在重新呈现之间没有更改，您可以告诉跳过应用效果。我最初认为这意味着它不应该在后续的挂载上重新呈现，而应该在上重新呈现。我在主“页面”( return路由器)中显示一个记录列表，用户可以选择一个记录并转到详细信息页，然后返回到母版页--因此主列表组件在该场景中被完全卸载/挂载</e
浏览 5提问于2019-12-26得票数 20
回答已采纳
我有一个按钮来调用handleAdd事件，当该事件触发时，我想调用useEffect函数。useEffect()；调用一个函数，该函数根据输入中的值返回不同的api键。但是我意识到useEffect不是那样工作的，只能在代码的“顶层”中被调用。有什么办法可以解决这个问题吗？见下面的例子： //Call useEffect
浏览 2提问于2021-04-02得票数 0
回答已采纳
当页面加载时，我正在进行一个API调用，显示一个带有约会的表。在API调用之后，我将hasData的状态设置为true，并将数据插入到另一个setState中。问题是当API从异步调用返回数据时，组件不显示数据。请参阅下面的代码。，我将has约会数据设置为true。hasAppointmentData) { }在这里，我将数据存储
浏览 2提问于2022-08-18得票数 0
单击countryDetail.js中的路由器链接时，url会更改，但除非刷新页面，否则组件不会重新呈现。CountryDetails.jsimport axios from "axios"; const [allCountries, setAllCountries] = useState([]);
useEf
浏览 3提问于2021-06-15得票数 1
回答已采纳
我通常在我的react应用程序中使用useEffect获取数据。jsonplaceholder.typicode.com/posts/1").then((response) => response.json()).then((json) => setData(json))}
我希望这段代码只在组件挂载时运行，这就是为什么我有[]依赖项的原因。，只是在use下面获取
浏览 0提问于2021-01-25得票数 1
回答已采纳
1回答
当组件挂载时，我有一个小问题，试图获取和过滤一些数据。基本上，我要做的是获取一些随机数据，然后用一个条件过滤它。但是数据过滤不起作用，我很可能误解了使用useEffect的一个部分。当我按下按钮时，我希望过滤后的数据将被记录下来，但只给我一个空数组，我尝试添加"filteredData“或"fetchedData”作为useEffect的依赖<
浏览 8提问于2022-07-21得票数 0
setStarted(true) rootMargin: "0px", };
let
浏览 3提问于2022-07-18得票数 1
回答已采纳
2回答
成功地从API调用中检索数据，并将其保存到“data”(记录在第27行的控制台)。但是，第28行的控制台日志显示了一个空数组。有人知道这是为什么吗？AnimeList.js：import { useSelector, useDispatch } from 'react-reduxconst dispatch = useDispatch(); const { data, isFetching } = useGetTrendingAnim
浏览 5提问于2022-09-30得票数 0
回答已采纳
我正在开发一个eComm站点，在该站点中，我将用户的购物车持久化到全局状态和浏览器的本地存储中。当它们转到购物车或Checkout页面时，我获取全局状态并将其发送到API进行验证，然后返回购物车的“真实”状态。然后，我希望更新全局状态以反映此API数据。因此，应用程序挂载，检查本地存储，并由此创建全局状态。在购物车和结帐页面上，我有一个监听全局状态更改的全局useContext的useEffect。我无法在挂
浏览 0提问于2020-10-06得票数 1
3回答
我不知道为什么，但是当我控制台日志状态data (如果我使用useEffect )时，它总是重振旗鼓，尽管state generalInfo没有改变:/这样，有人可以帮助我修复它并解释我的错误？我想要的结果是，数据将在generalInfo更改时进行更新。======================== Problem在这里：
const {onGetGeneralInfo, generalInfo} = props;const [data, setData] = us
浏览 2提问于2021-10-07得票数 2
回答已采纳
1回答
当前，当组件挂载时，当用户单击按钮时，我将获取数据一次。但是，如果请求正在进行，我希望停止按钮获取，这就是为什么我要更新isFetching状态的原因。但是，我需要将isFetching添加到useCallback依赖项中以删除警告，如果这样做，就会触发无限fetch循环。这是我的密码：
import { useCallback, useEffect, useRef, useSta
浏览 2提问于2021-02-20得票数 1
回答已采纳
2回答
我现在试图使用redux存储中的数据调用API。现在我在另一个组件中。因此，在第二个组件中，我使用useEffect钩子调用数据。useEffect(()
浏览 3提问于2021-04-26得票数 0
回答已采纳
1回答
我不是在改变状态。只有在我刷新页面后才会出现更改。我的组件TodoList.tsxexport const TodoList: FC = () => { todoListstate) => state.todo
useEffect
浏览 7提问于2022-04-13得票数 0
我在一个React组件中得到了下面的用例。type InputUserProps = { con
浏览 1提问于2020-08-02得票数 6
回答已采纳
因此，我有一个查询钩子，希望通过它用数据填充状态变量。问题是，在useEffect中，查询是作为{}对象返回的，但在useEffect正确返回数据之后(见下图)。我试图将useEffect放在所有变量定义之后，但这导致了一个钩子呈现错误。我在这里忽略了什么?我如何解决这个问题？= useQuery( variables: { } );
use
浏览 12提问于2020-02-20得票数 0
回答已采纳
1回答
我有一个大约100行的mySQL数据库，其中包含了我在eCommerce应用程序中列出的产品的数据。import React, { useState, useEffect } from 'react';import Button fromis smaller than mobile
const sidebar = p
浏览 4提问于2022-11-08得票数 0
回答已采纳
have a data coming from socket.io an a React useState which is an empty array. socket.on('json', (data) => {
constprevState) => [...prevState, { number, tabl
浏览 7提问于2022-04-19得票数 1
云服务器
ICP备案
对象存储
实时音视频
云直播
腾讯云开发者
