当依赖项需要用户输入时，避免`useEffect`在挂载时获取数据
的方法是通过使用条件判断来延迟useEffect的执行。
在React中，useEffect是一个用于处理副作用的Hook，它会在组件渲染完成后执行。通常情况下，我们可以将需要在组件挂载时获取的数据作为useEffect的依赖项，以确保在数据准备好之后再进行处理。
然而，当依赖项需要用户输入时，我们无法在组件挂载时获取到这些数据。为了避免在挂载时获取数据，我们可以通过条件判断来延迟useEffect的执行。
首先，我们可以定义一个状态来表示用户输入的数据是否准备好。例如，我们可以使用useState来定义一个名为isDataReady的状态，并将其初始值设置为false。
const [isDataReady, setIsDataReady] = useState(false);然后，在用户输入数据之后，我们可以通过调用setIsDataReady(true)来更新isDataReady状态，表示数据已准备好。
接下来，在useEffect中，我们可以使用条件判断来检查isDataReady状态。只有当isDataReady为true时，才执行获取数据的逻辑。
useEffect(() => {
if (isDataReady) {
// 获取数据的逻辑
}
}, [isDataReady]);通过这种方式，我们可以确保在用户输入数据之前，useEffect不会执行获取数据的逻辑，从而避免在挂载时获取数据。
对于React开发中的前端开发、后端开发、软件测试、数据库、服务器运维、云原生、网络通信、网络安全、音视频、多媒体处理、人工智能、物联网、移动开发、存储、区块链、元宇宙等专业知识和各类编程语言，可以参考腾讯云的相关产品和文档进行学习和实践。腾讯云提供了丰富的云计算服务和解决方案，可以满足不同领域的需求。
以下是一些腾讯云相关产品和产品介绍链接地址，供参考：
- 前端开发：腾讯云静态网站托管（https://cloud.tencent.com/product/s3）
- 后端开发：腾讯云云函数（https://cloud.tencent.com/product/scf）
- 软件测试：腾讯云云测（https://cloud.tencent.com/product/cts）
- 数据库：腾讯云云数据库（https://cloud.tencent.com/product/cdb）
- 服务器运维：腾讯云云服务器（https://cloud.tencent.com/product/cvm）
- 云原生：腾讯云容器服务（https://cloud.tencent.com/product/tke）
- 网络通信：腾讯云私有网络（https://cloud.tencent.com/product/vpc）
- 网络安全：腾讯云Web应用防火墙（https://cloud.tencent.com/product/waf）
- 音视频：腾讯云音视频处理（https://cloud.tencent.com/product/mps）
- 多媒体处理：腾讯云媒体处理（https://cloud.tencent.com/product/mps）
- 人工智能：腾讯云人工智能（https://cloud.tencent.com/product/ai）
- 物联网：腾讯云物联网开发平台（https://cloud.tencent.com/product/iotexplorer）
- 移动开发：腾讯云移动应用开发（https://cloud.tencent.com/product/mad）
- 存储：腾讯云对象存储（https://cloud.tencent.com/product/cos）
- 区块链：腾讯云区块链服务（https://cloud.tencent.com/product/tbaas）
- 元宇宙：腾讯云元宇宙（https://cloud.tencent.com/product/mu）
请注意，以上链接仅供参考，具体的产品选择和学习路径应根据实际需求和个人兴趣进行调整。
相关·内容
2回答
State
const [user, setUser] = useState({});
checkIfUserIsEnabled()
async function checkIfUserIsEnabled() {
const res = await fetch("http://localhost:8080/users/finduserbytoken?id=" +
getTokenIdFromURL);
res.json()
.then(res => setUser(res))
.catch(err => setErrors(err
浏览 2提问于2019-11-01得票数 2
回答已采纳
1回答
因此，我最近开始使用我的API端点，通过使用useRecoilStateLoadable进行反冲，它工作得很好，但是我的数据表中有一个问题，我希望它在用户选择例如第2页或搜索其他内容时执行另一个API调用，这就是我的原子和选择器当前的样子：
const entriesPerPage : EntriesPerPage = {defaultValue: 10};
export const filterScorecard = atom<ScorecardSearchRequest>({
key: 'filterScorecard',
default: {
浏览 20提问于2022-09-14得票数 1
回答已采纳
我正在尝试访问我的函数中的useState变量query在useEffect中。我得到了错误React Hook useEffect has a missing dependency: 'query'. Either include it or remove the dependency array.
我认为问题在于，当用户在搜索栏中键入时，im设置(useState)查询变量，然后我试图在useEffect钩子中访问这个新的query变量。
我想在加入api url和查询内容之后，但在执行setQuery之后，即在搜索栏中的用户输入之后，获取api。我该怎么做？
谢谢下面的代
浏览 6提问于2022-01-17得票数 0
基本上这就是我想要做的。我有一个按钮来调用handleAdd事件，当该事件触发时，我想调用useEffect函数。useEffect()；调用一个函数，该函数根据输入中的值返回不同的api键。但是我意识到useEffect不是那样工作的，只能在代码的“顶层”中被调用。有什么办法可以解决这个问题吗？见下面的例子：
input = "example";
const handleAdd = () => {
//Call useEffect
};
useEffect(() => {
getCoinMarketDataApi.reques
浏览 2提问于2021-04-02得票数 0
回答已采纳
2回答
当组件更新时，我正在使用redux并尝试获取数据。我正在使用useEffect钩子来跟踪帖子、更新和使用useSelector获取状态。当组件发出无限的获取请求而不是单个请求时，我遇到了问题。有人知道我怎样才能阻止它发出无限的请求，如果发布更新，我会发出一个请求吗？
我的代码：
const posts = useSelector((state) => state.posts.posts);
useEffect(() => {
dispatch(getPosts(page));
}, [posts]);
浏览 4提问于2021-02-03得票数 1
回答已采纳
我正在开发我的原生react应用程序中的一个功能，该功能可以根据用户的当前位置从api中获取数据列表。我有一个自定义的useLocation钩子来获取用户的位置： const useLocation = () => {
const [location, setLocation] = useState();
const getLocation = async () => {
try {
const { granted } = await Location.getPermissionsAsync();
if (!granted) {
浏览 20提问于2021-04-19得票数 0
通过使用React，我有以下使用useEffect()的功能组件
import React, { useEffect } from 'react';
import { connect } from 'react-redux';
const MessagingComponent = React.memo(({ loadMessages, messages, ...props }) => {
useEffect(() => {
loadMessages();
});
return <div {...props}>Th
浏览 1提问于2019-04-03得票数 20
回答已采纳
我有这样的代码：
useEffect(() => {
console.log("useEffect ran");
}, []);
当我第一次保存时，useEffect运行两次，然后当我保存更改时，它运行一次，当我刷新页面时，它再次运行两次
对我来说很奇怪。请了解为什么会发生这种情况，以及如何阻止这种情况发生？
浏览 3提问于2022-10-03得票数 1
我发现控制useEffect钩子非常困难。
这种经历令人难以置信地衰弱，适得其反。我浪费了好几个小时来解决useEffect钩子的问题，这让我不得不在这个时候使用React框架来进行角度分析。角组件的生命周期挂钩是难以置信的清晰的，实用和简单的控制。
我一次又一次地遇到这样的情况：useEffect钩子的实例执行不止一次，尽管没有更改它的依赖项的。
为了防止这种行为，我发现自己经常不得不爬到树上来确定组件重呈现的原因，我怀疑是什么触发了这些不必要的和后续的useEffect钩子的执行，但是，如果没有办法避免组件重新呈现，并且需要防止useEffect钩子再次执行，我们作为开发人员该怎么办？
在
浏览 7提问于2022-08-06得票数 0
我有一个useState
const [started, setStarted] = useState(false);
然后，我有一个函数，单击它将setStarted设置为true。
setStarted(true)
然后我有一个useEffect，在那里我有一个IntersectionObserver，它调用一个函数，函数有一个forEach，在那里我检查启动，但是它总是错误的。我正在做控制台日志，它显示为false，而且功能也不起作用，所以我确信它是假的。
let options = {
rootMargin: "0px",
threshold:
浏览 3提问于2022-07-18得票数 1
回答已采纳
我正在尝试从firebase中读取一个应该放在array中的日期。已经实现了一个日历，它从array检索数据。array的布局看起来像常量事件。但是，这些数据是静态的，我想通过从firebase中提取数据来改变这一点。
在页面加载的那一刻，数据库将通过使用useEffect读出，如果我然后使用console.log(state);，我就可以在几秒钟的延迟后看到firebase的值。但是，当我尝试通过React hooks将其添加到state中时，它会继续执行useEffect()函数(参见console.log中的图像)。目前firebase中只有1个object，但当然还会有更多。
实际上，
浏览 9提问于2020-02-11得票数 0
我有一个带有关闭按钮的div。目前，它所做的是当用户单击close按钮时，div消失。但是当用户刷新页面时，div仍然在那里。我正在考虑使用本地存储，但在使用useState时，我对如何合并它感到困惑。这是我的代码。 const [isVisible, setIsVisible] = useState(true)
useEffect(() => {
let hideDiv = localStorage.getItem('hideDiv ')
if (!hideDiv ) {
setIsVisible(true)
l
浏览 16提问于2021-11-03得票数 0
因此，我有一个查询钩子，希望通过它用数据填充状态变量。问题是，在useEffect中，查询是作为{}对象返回的，但在useEffect正确返回数据之后(见下图)。我试图将useEffect放在所有变量定义之后，但这导致了一个钩子呈现错误。我在这里忽略了什么?我如何解决这个问题？
// Single Item Query
const { data: singledItemData, error: errorSingleItem, loading: loadingSingleItem } = useQuery(
SINGLE_ITEM_QUERY, {
variable
浏览 12提问于2020-02-20得票数 0
回答已采纳
我做了这个定制的钩子以获得窗口宽度。它起作用了，但我有个问题。我使用useEffect在组件挂载时将事件侦听器添加到window。但是，我的朋友建议我使用return函数删除事件侦听器。这是怎么回事？返回的函数不应该破坏事件侦听器并使其不能工作吗？既然这是在组件挂载上发生的一次？
import React from "react";
const useWindowSize = () => {
const [windowSize, setWindowSize] = React.useState({
width: window.innerWidth,
h
浏览 10提问于2022-02-28得票数 1
回答已采纳
我试图使用连接到组件的道具从useEffect中的状态变量中删除项。我希望从状态变量中获取初始值，然后删除该数组中的元素，并再次将状态变量设置为新值。但是，当我没有在依赖数组中传递状态变量时，它会以React Hook useEffect has a missing dependency: 'abc'. Either include it or remove the dependency array的形式抛出警告，而当我传递它时，它会进入无限循环，我认为这是正确的，因为useeffect工作。这就是我正在尝试的效果：
const [abc, setAbc] = useState
浏览 3提问于2021-07-22得票数 3
回答已采纳
我在一个React组件中得到了下面的用例。
使用的是搜索用户输入。它的值总是ID，所以我只有用户ID作为支柱。因此，在第一次加载以显示用户名值时，我需要在第一次挂载时获取它。
编辑:以后更改时，我不想再次获取值，因为我已经从建议请求中获得了值。
type InputUserProps = {
userID?: string;
onChange: (userID: string) => void;
};
// Input User is a controlled input
const InputUser: React.FC<InputUserProps> = (pr
浏览 1提问于2020-08-02得票数 6
回答已采纳
我正在使用React、Socket.io和Express构建我的第一个websocket应用程序。我一直试图利用这个机会来学习Hooks，但事实证明它有点棘手。
我在useEffect内部的客户端应用程序的套接字上建立了一个监听器，它只在第一个呈现之后运行(我将它作为第二个参数传递给它一个空数组)。当用户从此客户端应用程序登录时，侦听器工作，但当打开第二个窗口并从另一个连接登录时，它不会再次为该应用程序注册。第二个窗口具有来自服务器的正确的用户数组。
我正在寻找一个解释为什么我的应用是这样的行为。在本例中，我读到了一个应该使用而不是useState的console.log，但我不知道这会有什么
浏览 4提问于2020-04-01得票数 0
我在useContext中调用了useContext，我想知道何时调用这个useEffect。
settingContext.tsx
// create context object
export const ColorContext = createContext<ColorContextType>(null);
export const ProductsProvider = (props) => {
const { query } = useRouter();
const [data, setData] = useState<ColorContextTy
浏览 6提问于2022-04-26得票数 1
我有利用钩子的功能组件。在useEffect钩子中，我只想从后端获取数据并将结果存储在状态中。然而，尽管将数据变量添加为依赖项，useEffect仍然在无限循环上触发，尽管数据没有改变。我怎样才能阻止useEffect持续射击？
我尝试过空数组攻击，这确实阻止了useEffect的连续触发，但这并不是期望的行为。例如，如果用户保存了新的数据，useEffect应该再次触发以获得更新的数据--我不想模仿componentDidMount。
const Invoices = () => {
const [invoiceData, setInvoiceData] = useState([]
浏览 4提问于2019-09-09得票数 21
回答已采纳
我在useEffect中有一个函数，它从数据库中获取帖子，然后设置posts状态，然后将它们发送到Posts组件中，我将posts状态放在useEffect依赖项中，所以如果用户创建了一个新的post，那么Posts组件就会重新呈现，这样用户就不需要刷新页面了，并且它工作得很好！但是我在“网络”选项卡上注意到，对http://localhost:8000/home/${user._id}的请求被无限地发送，我不知道为什么会这样
const [posts, setPosts] = useState([]);
const { user, isLoading, error } = useCont
浏览 7提问于2022-04-08得票数 2
在代码中，我更改了一些菜谱内容，它保存了下来，但是当我刷新页面时，它重置了所有内容，更改就消失了。
这是我的密码
const LOCAL_STORAGE_KEY = "cookingWithKyle.recipes"
function App() {
const [selectedRecipeId, setSelectedRecipeId] = useState()
const [recipes, setRecipes] = useState(sampleRecipe)
const selectedRecipe = recipes.find(
(recip
浏览 9提问于2022-10-15得票数 -1
回答已采纳
2回答
Context，我是新手，所以我正在构建基本表单，在这里我想根据用户的输入显示一个国家列表。我的应用程序由两个组件组成:过滤器(这是用户输入的输入字段)和显示(这将显示满足用户输入的国家)
到目前为止，我已经能够将用户的输入记录到控制台。但是，在useEffect()钩子中，当我添加一行以将countries状态数组更新到用户的输入时，什么都不会发生。如何使用用户的输入更新国家数组？
码 App.js
import React, {useEffect, useState} from 'react'
import axios from 'axios'
import
浏览 5提问于2022-02-02得票数 1
回答已采纳
2回答
我是socket.io新手，我正在尝试实现一个简单的通知。
我的问题是，我执行handleClick函数以将open转换为真值，并且当socket.on运行其读取不正确/默认值的open时。
Notification.js
const [open, setOpen] = useState(false);
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
if (!open) {
setOpen(true) // set open to true
}
};
use
浏览 0提问于2020-07-13得票数 1
我正在构建一个应用程序后，Rest国家API挑战来自前端()。我遇到了一个问题。单击countryDetail.js中的路由器链接时，url会更改，但除非刷新页面，否则组件不会重新呈现。
CountryDetails.js
import React, { useState, useEffect } from "react";
import axios from "axios";
import {Link} from "react-router-dom";
import {CountryDetailStyles, ImgContainer, Cou
浏览 3提问于2021-06-15得票数 1
回答已采纳
1回答
在React中，我使用useEffect来获取数据。但是当我不得不提到依赖，当我不得不将它保持为空时，我会感到困惑。
浏览 1提问于2022-05-07得票数 0
1回答
问题:在启动时，在显示启动屏幕后，列表屏幕显示所有用户。当首次加载应用程序时，将调用useEffect()，但状态更新不会导致重发。但是，只有在启动时才会发生这种情况，如果我在另一个屏幕上导航并返回到它，那么每一件事情都会发生。
const fetch = async () => {
useStore.setState({ allUsers: await getAllUsers() });
};
useEffect(() => {
fetch();
}, []);
我的作品店的定义如下：
type Store = {
allUsers: User[];
浏览 5提问于2022-08-16得票数 0
为什么我的useEffect react函数在每次页面加载时都运行，尽管给它提供了一个带有query变量的第二个值数组？
useEffect( () => {
getRecipes();
}, [query]);
它不应该只在query状态变量更改时运行吗？除了getRecipes函数之外，我没有其他任何使用useEffect函数的方法。
import React, {useEffect, useState} from 'react';
import './App.css';
import Recipes from './component
浏览 0提问于2020-03-07得票数 0
回答已采纳
在使用React.js时，我有一些问题。假设我们有那些useEffect，在某些a.jsx中具有相同的依赖关系。
// a.jsx
const Main = () => {
useEffect(() => {
console.log(1);
}, []);
useEffect(() => {
console.log(2);
}, []);
return <p>asdf</p>
}
在b.jsx中，我将函数集合为一个useEffect，如下所示：
//b.jsx
const Main = () => {
浏览 0提问于2021-12-03得票数 2
回答已采纳
假设我有一个react钩子组件
const Child = (props) => {
useEffect(()=>{
// fetch data
...
});
return (
//Displays fetched data
)
}
然后在父组件中使用它
class Parent extends Component {
render () {
... <Child ... /> ...
}
}
我的问题是，如果Parent在其状态改变(但与Child无
浏览 9提问于2020-02-19得票数 0
回答已采纳
我使用useEffect只在componentDidMount时使用一次。
我在功能组件中重用requestPatientsApi。
在useEffect的第二个参数中添加所有依赖项将发生无限呈现。
useEffect(() => {
requestPatientsApi();
}, []);
const requestPatientsApi = async (skip: number = 0, limit: number = 100) => {
try {
const { data } = await get<A
浏览 0提问于2019-09-06得票数 0
2回答
我尝试在useEffect中更新数据，但在控制台中显示警告。
React Hook useEffect has missing dependencies: 'dispatch', 'id', and 'state.selectedHotel'. Either include them or remove the dependency array react-hooks/exhaustive-deps
码
import { GlobalContext } from "../../../context/globalContext";
浏览 10提问于2021-06-24得票数 2
回答已采纳
2回答
我现在试图使用redux存储中的数据调用API。
假设我得到了两个API调用，Api A和Api B在我已经调用了API A的父组件中，并且已经在redux中保存了数据。
现在我在另一个组件中。我要打电话给Api B。但是API B有一个params，我将从API A获得它。因此，在第二个组件中，我使用useEffect钩子调用数据。
为了从redux中获得params，我使用useSelector钩子。
在第二个组件中，UseEffect钩子是这样的：
useEffect(() => {
let splitText = cartList?.OrderDTO?.Deliver
浏览 3提问于2021-04-26得票数 0
回答已采纳
3回答
在创建了一个函数来设置值数据、当前用户loggedin并在useEffect中调用它之后，我收到了一条警告消息。下面是代码：
import React, { useEffect, useState } from "react";
...
const AddPost = () => {
const userStorage = sessionStorage.getItem('user');
const [values, setValues] = useState({
userId: '',
authorName: &#
浏览 1提问于2020-11-10得票数 0
回答已采纳
3回答
我正在尝试执行一个函数来更新setState，但它也需要先加载其他状态。
const [chatsIds, setChatsIds] = useState([]);
const [chats, setChats] = useState([]);
useEffect(() => {
getChatsIds();
}, []);
useEffect(() => {
getChats();
}, [chats]);
"getChats“需要来自"chatsIds”的值，但当屏幕加载时，该值
浏览 25提问于2021-11-25得票数 1
在我的useEffect代码中，我分派了一个从片中获取的操作。
但是它会抛出错误"React Hook useEffect has missing dependencies“，因为在钩子内部我正在使用操作和分派
...
const { actions } = useDataListSlice();
....
useEffect(() => {
dispatch(actions.loadInitialState());
}, []);
我可以向依赖数组添加操作和分派，但我不确定在其中添加操作和分派是否正确
浏览 2提问于2021-06-15得票数 1
我有一个父组件，带有一个useEffect，它调用api，接收一些数据，然后设置几个钩子状态和一个redux状态。这会触发持有此useEffect的组件的各种重新呈现，但该组件具有使用useEffect的子组件，而childs的useEffect也会多次触发。我怎样才能解决这个问题？
浏览 5提问于2022-04-23得票数 0
我有一个函数react组件，它的计数器从10000开始，一直到0。
我在组件挂载过程中使用useEffect钩子设置了一个setInterval回调。然后，回调将更新计数器状态。
但是我不知道为什么，count的值从来不会减少。每次运行回调时，count都是10000。
(我正在使用react & react-dom版本的16.8.3)
函数组件如下：
import React, { useState, useEffect, useRef } from 'react'
const Counter = () => {
const timerID = useRe
浏览 2提问于2019-04-08得票数 3
问题：
为什么没有数组的代码总是相对于只执行一次的数组的代码进行迭代？
斯塔克布利茨：
无数组：
与数组：
谢谢!
无数组
import axios from 'axios';
import * as React from 'react';
import { useEffect, useState } from 'react';
import './style.css';
export default function App() {
const [data, setData] = useState();
use
浏览 3提问于2022-06-12得票数 0
回答已采纳
1回答
我试图将一个用户数组作为道具传递给组件，当我更改某些内容并单击save时，数组将显示在组件中，但当我单击refresh时，数组就消失了，下面是我的代码：
首先，在我的App.js中，我从数据库中读取了一个用户数组(工作完美地显示了用户列表)：
const [users,setUsers] = React.useState([]);
React.useEffect( () => {
async function fetchData() {
await axios.get('/api/users/')
.then(response
浏览 8提问于2021-12-06得票数 0
回答已采纳
当页面加载时，我正在进行一个API调用，显示一个带有约会的表。在API调用之后，我将hasData的状态设置为true，并将数据插入到另一个setState中。问题是当API从异步调用返回数据时，组件不显示数据。请参阅下面的代码。
const [recentAppointmentData, setRecentAppointmentData] = useState([])
const [hasAppointmentData, setHasAppointmentData] = useState(false)
const getAppointments = useCallback(() =&g
浏览 2提问于2022-08-18得票数 0
我正在使用auth0注册一个用户。登录后，react应用程序将自动获取用户信息和后端的axios.post。它将将id存储在userId中，信息存储在currUser中。但是，如果我再次注销并登录，整个函数将不会运行，因为数据已经存在于数据库中。
const [currUser, setCurrUser] = useState([]);
const [userId, setUserId] = useState("");
const { user } = useAuth0();
const getUserInfo = async () => {
const d
浏览 1提问于2022-10-20得票数 0
如何获得输入值，而不使用onChange使其状态？原因是我使用useEffect在加载时对表单进行动画化，并且使用onChange在每个打印的字母上重置动画，这是不需要的。当单击submit按钮时，我只想获得输入值以状态(或submitHandler，任何可行的)。
我现在用的是：
const [email, setEmail] = useState('')
<input
type="email"
className="loginPage-form-item-input"
name='email'
value={e
浏览 2提问于2021-01-30得票数 1
回答已采纳
我有一个节点服务器，它侦听load video事件，然后发出load事件来加载视频。 我在客户端监听这个事件，如下所示： useEffect(() => {
socketRef.current = io.connect('/');
socketRef.current.on("load", () => {
loadVideo();
})
}, []); 对于本例，loadVideo函数只记录videoID的值，该值的设置如下： <input type="text" placeholder
浏览 4提问于2020-07-24得票数 0
回答已采纳
我有一个定制的钩：
import React, { useState, useEffect } from 'react';
import firebase from "../../firebase";
export default function useCurrentUserDetails() {
const uid = firebase.auth().currentUser?.uid;
const [data, setData] = useState(null);
useEffect(() => {
if (
浏览 2提问于2021-02-10得票数 0
我正在使用钩子完成我的第一个React教程--我正在尝试在useEffect中获取本地数据，然后使用useState更新状态。然后，我将状态传递给一个子元素(Card.js)订阅的Context.provider。即使useEffect正在运行，卡片组件和状态也不会被重新呈现/更新。我做错了什么？ MainContext.js - import React, { createContext, useState, useContext, useEffect, Fragment } from 'react';
import List from '../containe
浏览 19提问于2020-04-23得票数 1
回答已采纳
我有这个组件，它需要获取数据，将其设置为state，然后将其传递给子组件。有些数据也需要在上下文中设置。我的问题是，使用useEffect (一旦被称为API )，它将为我需要执行的每个setvalue()函数重新呈现。由于状态正在改变，我尝试将一个空[]数组传递给useEffect，但重呈现的次数仍然相同。目前，数组正在对set...functions进行配置，以防止重复抛出警告。
有更好的方法来避免这么多的重呈现吗？
const Home = (props) => {
console.log("TCL: Home -> props", props);
浏览 2提问于2020-01-06得票数 9
我采用了基于的代码并对其进行了调整。我想要计时用户在组件上的毫秒时间，所以我想在组件卸载时记录计数器值，也就是useffect/ComponentWillUn挂载()的返回语句。
const [milliseconds, setMilliseconds] = useState(0);
const isActive = useState(true);
const logger = new logger(stuff);
useEffect(() => {
initializeIcons(undefined, { disableWarn
浏览 3提问于2022-04-26得票数 0
回答已采纳
3回答
感谢大家，尤其是Mr.Drew Reese。如果你和我一样是新手，请看他的.
我不知道为什么，但是当我控制台日志状态data (如果我使用useEffect )时，它总是重振旗鼓，尽管state generalInfo没有改变:/这样，有人可以帮助我修复它并解释我的错误？
我想要的结果是，数据将在generalInfo更改时进行更新。
非常感谢！
这是我的useEffect
======================== Problem在这里：
const {onGetGeneralInfo, generalInfo} = props;
const [data, setData
浏览 2提问于2021-10-07得票数 2
回答已采纳
1回答
我实现了count down，当用户导航到下一个屏幕时，使用useRef钩子在清理setTimeout时使用它，以避免cancel all subscription warning和它的工作！ 但是我有一些奇怪的东西，当count -1的时候，我可以在控制台上看到“嘿”！虽然没有清洗setTimeOut!！ 我不想在这种情况下清理它，但为什么每次登录次数都会改变！ 代码片段 const [seconds, setSeconds] = useState(40);
const countRef = useRef(seconds);
useEffect(() => {
浏览 23提问于2020-09-17得票数 0
我试图获得用户的位置，立即加载页面，以便我可以传递它作为一个支柱的时间线功能。但我对此有意见。时间线上的时间线、纬度和经度道具为空。请给我解决这个问题。到目前为止，只有那些导致页面缓慢加载的脏把戏才起作用了。我相信还有更好的办法。请帮帮我！
function Home(){
const [latitude, setLatitude] = useState(null);
const [longitude, setLongitude] = useState(null)
useEffect(() => {
getCoords()
}, []
浏览 3提问于2022-03-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
