useEffect()触发组件在一个函数中重新呈现，但不在另一个函数中重新呈现。这两个函数都会改变状态。我遗漏了什么？
根据提供的问答内容，可以得出以下答案：
useEffect()是React中的一个钩子函数，用于处理组件的副作用操作。它接收两个参数，第一个参数是一个回调函数，用于定义副作用操作的逻辑；第二个参数是一个依赖数组，用于指定在依赖项发生变化时才重新运行副作用操作。
在给出的问答内容中，提到了在一个函数中重新呈现组件，但不在另一个函数中重新呈现。这里可能遗漏了一个重要的概念，即React中的函数组件和类组件的区别。
在函数组件中，可以使用useState()来定义和管理组件的状态。当状态发生变化时，组件会重新渲染。而在类组件中，可以使用this.setState()来更新组件的状态，同样会触发组件的重新渲染。
因此，如果在一个函数中重新呈现组件，但不在另一个函数中重新呈现，可能是因为在这两个函数中使用了不同的组件类型，一个是函数组件，一个是类组件。在函数组件中使用useState()来管理状态，在类组件中使用this.setState()来管理状态。
关于React的useEffect()函数，它可以用于处理各种副作用操作，比如订阅数据源、设置定时器、发送网络请求等。在回调函数中，可以执行一些副作用操作，并且可以通过返回一个清理函数来清除副作用。
在使用useEffect()时，需要注意以下几点：
- 在回调函数中执行的副作用操作应该是纯粹的，不应该直接修改组件的状态。如果需要修改状态，应该使用useState()或者其他适当的方式。
- 如果依赖数组为空，表示副作用操作只会在组件首次渲染时执行一次。如果依赖数组中包含了某个状态或属性，那么只有当该状态或属性发生变化时，副作用操作才会重新执行。
- 如果依赖数组中包含了多个状态或属性，那么只要其中任何一个发生变化，副作用操作都会重新执行。
- 如果依赖数组省略不写，表示副作用操作会在每次组件重新渲染时都执行。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，无法给出具体的链接地址。但是可以推荐使用腾讯云的云服务器（CVM）和云函数（SCF）等产品来搭建和部署React应用。腾讯云提供了稳定可靠的云计算服务，可以满足各种规模和需求的应用场景。
总结：useEffect()是React中的一个钩子函数，用于处理组件的副作用操作。它可以在函数组件和类组件中使用，通过指定依赖数组来控制副作用操作的触发时机。在使用useEffect()时，需要注意副作用操作的纯粹性和依赖项的变化。腾讯云提供了丰富的云计算产品，可以满足React应用的部署和运行需求。
相关·内容
我已经享受了一段时间的反应胡克斯了。它们提供了以非常清晰和简洁的方式编写声明性逻辑的机会。例如，考虑这个自定义useHistory钩子，它记录传入的值的历史记录。
const useHistory = val => {
const [history, setHistory] = useState([]);
useEffect(() => {
setHistory(history => {
return [...history, val];
});
}, [val]);
return history;
};
它可以用于显示“随时间
浏览 4提问于2019-11-18得票数 2
我有以下代码。
useEffect(() => {
if (sortData !== undefined && sortData !== null) {
console.log("sortdata", sortData);
setLoading(true);
console.log("loading", loading);
}
}, [sortData]);
因此，如果sortData状态更改，将执行包含两个控制台的{.}。
但是当我对此进行console.log时，结果如下。
浏览 1提问于2022-10-17得票数 0
既然不需要使用useEffect()钩子就可以直接从axios获取数据，那么为什么选择使用useEffect()然后使用axios呢？
而且，在这种情况下，不需要useEffect()？
下面是一个示例：
useEffect(() => {
axios
.get('http://localhost:3001/notes')
.then(response => {
setNotes(response.data)
})
}, [])
浏览 1提问于2019-07-16得票数 1
回答已采纳
如果我们有一个函数以这样的方式获取用户数据：
const fetchUserData = () => {
/* code here */
}
然后我们有一个带有空数组的useEffect，因此它在组件呈现之后运行一次：
useEffect(() => {
fetchUserData();
}, []);
然后，eslint/tslint抛出以下警告：React Hook useEffect has a missing dependency: 'fetchUserData'. Either include it or remove the dependency
浏览 3提问于2022-01-18得票数 -1
回答已采纳
我的下一个按钮是：
<Button minWidth={'140px'} onClick={() => exec(scope)} >Save</Button>
它将在Click上调用此函数：
const exec = async (type: string) => {
x = 'www';
await dispatch(exampleRoute());
};
我有一个useEffect：
useEffect(() => {
const listenForResponse =
浏览 7提问于2022-06-21得票数 0
为什么每次我在输入时输入一个字母，useEffect都会执行？ 我不认为输入会影响“useEffect”... import React, { useEffect, useState } from 'react';
const DBLab = () => {
const [inputValue, setInputValue] = useState("");
const printfunc = () => {
console.log("print");
}
useEffect(()=
浏览 32提问于2021-08-05得票数 0
回答已采纳
在下面的代码中，如何使status变量的值在setStatus(!status)之后立即更改？我知道React中的状态更新是批处理的，因此我使用的是带有回调的useEffect，但是在第一个按钮单击时，status的值仍然被记录为false (好像它没有立即改变一样)。
考虑到应用程序呈现在任何方面都不依赖于status变量(实际上，我甚至希望这个变量的更改不会触发呈现)，那么不使用useEffect并将status改为“正常”变量(像status = true一样)是否是一种糟糕的做法？
function App() {
const [status, setStat
浏览 8提问于2020-07-07得票数 1
回答已采纳
我创造了一个非常基本的反应间隔。
import React, {useState, useEffect} from 'react';
const Loading2 = () => {
const [percentage, setPercentage] = useState(0);
useEffect(() => {
const timer = setInterval(() => {
setPercentage((prevPerc) => {
if(percenta
浏览 10提问于2021-08-31得票数 1
回答已采纳
如果我有一个功能组件，比如：
const Example = ({props})=> {
console.log("render outside effect");
React.useEffect(()=>console.log("render inside effect"))
}
这两个调用的区别是什么？
这与我对功能react组件的理解是一样的。该函数将在每个重新渲染器上执行，因此将执行useEffect之外的所有表达式和函数？！不带括号的useEffect是否也会在每次重现时执行？
这是一种误解吗？
提前感谢
特里斯坦
浏览 20提问于2020-05-10得票数 0
回答已采纳
我试图弄清楚应该如何用React来构造代码，以便：
我有一个状态变量，表示我的应用程序是否“加载”结果。
当loading运行以获取要显示的数据时，useEffect()状态设置为true
在useEffect()的末尾，我将loading设置为false
在子组件中，此loading状态作为更改各种组件的工具传递。
下面是我的代码的简化模型：
const App = () => {
const [state, stateDispatch] = useReducer(stateReducer,{loading: false})
useEffect(()
浏览 5提问于2021-11-28得票数 0
回答已采纳
在第一个文件中(抱歉没有重构代码)
有带有useRef()值的数组，
除以下情况外，还对其作了更新：
const [refsArr, setRefsArr] = useState([]);
useEffect(() => {
setRefsArr([
{ fromAddress },
{ fromCity },
{ fromPC },
{ fromCountry },
{ toCName },
{ toAddress },
{ toCity },
{ toPC },
{
浏览 2提问于2021-11-26得票数 0
回答已采纳
react的官方文档( )说，道具的更新会导致子程序被更新，但在我的代码中没有发生。我是不是遗漏了什么？
我创建了一个父组件(Y)和一个子组件(X)。父级将currentTime作为道具传递给子节点。即使在父支持在3秒后(由于setTimeout)发生变化，子h2标记中的值也不会改变。
我在react ( )的官方页面上发现，“更新可能是由道具或状态的更改引起的。”(我还在下面的官方网站上附上了文本的截图)此外，我还发现“这些方法在组件重新呈现时被调用：”
componentWillReceiveProps()
shouldComponentUpdate()
componentWillUp
浏览 0提问于2018-02-01得票数 1
回答已采纳
我见过这样的例子
useEffect(() => {
const getData = () : void => {
console.log("getData")
}
getData()
}, []);
但是我可以将函数放在useEffect之外，结果是相同的。
const getData = () : void => {
console.log("getData")
}
useEffect(() => {
getData()
}, []);
这两个有什么区别？
浏览 5提问于2022-02-08得票数 1
回答已采纳
好的，那么： useEffect(() => {
}, [props.lang]); 每次使用props.lang更改时，我应该在useEffect中做些什么来重新渲染组件？
浏览 23提问于2019-09-20得票数 17
回答已采纳
我已经阅读了几个类似的问题，并在每个问题中尝试了解决方案，但似乎没有一个是有效的，并且与我使用的react路由器的用例不完全匹配。
在我的App.js中，我将refreshTokenId的值设置为UUID。我在App.js中有一个子组件，它在初始呈现时发送一个API调用来获取一些数据。现在，我已经将refreshTokenId作为useEffect挂钩的依赖项添加到useEffect钩子中，其中包含了API调用。我使用的是react路由器，当我从页面导航然后返回时，API调用再次被触发，尽管依赖性(即refreshTokenId)并没有改变。通过使用Redux工具穿越时间并观察状态，我证实了这
浏览 0提问于2019-09-26得票数 1
回答已采纳
正如我在下面展示的，react子渲染每次它的父渲染时都会渲染。这是为什么，这是一个问题吗？另外，我怎样才能避免它，以致于只有当它的优点改变时，子对象才会重新渲染。 import React, {useEffect, useState} from 'react';
function App() {
return (
<div>
<Main></Main>
</div>
);
}
export default App;
function Main() {
const [count
浏览 38提问于2020-04-29得票数 1
我正在编写一个自定义钩子，我需要从useEffect发送更新值，但是isValid值丢失了，并且总是发送假的，我是否在useEffect中遗漏了什么，或者我使用的方式不正确。
export const useBasicValidity = (numb, name, dd, month, year) => {
let isValid = false;
const checkIsValid = (numb, name, dd, month, year) => {
// some validation checks
return boolean value
浏览 2提问于2020-07-08得票数 1
目前，我正试图找出如何避免在上下文提供程序(从useReducer获取值)中包装应用程序，然后使用useEffect挂钩通过子组件进行更新时，避免创建无限循环。
有一个问题的例子。
显然，如果不在这里重新发布所有代码，就很难讨论这个问题，但要点是：
根：
function App() {
const [state, dispatch] = useReducer(reducer, initialState);
const value = { state, dispatch };
return (
<Context.Provider value={value}>
..
浏览 0提问于2020-07-08得票数 0
回答已采纳
2回答
下面是片段
// function getFetchUrl(query) {
// return "https://hn.algolia.com/api/v1/search?query=" + query;
// }
function App() {
const [reactResult, setReactResult] = useState(null);
const [reduxResult, setReduxResult] = useState(null);
function SearchResults() {
// Re-triggers all
浏览 0提问于2019-06-15得票数 2
回答已采纳
每当用户使用react路由器-dom和Firebase访问页面时，我希望计数视图，我有以下代码：
//useHistory is the react-router-dom dependency
const history = useHistory();
const handleClick = () => history.push('/post');
if(handleClick) {
db.collection("posts").doc(postId).update({
views: increment,
})
}
它的工作原理，但它
浏览 2提问于2021-11-11得票数 2
回答已采纳
我对以下虚拟组件进行了一些测试，在执行过程中(在控制台中)，我得到了以下结果：
Rendering: 0
Triggered: 0
Rendering: 4
Triggered: 4
Rendering: 4
我很难理解为什么。
首次渲染：
将index设置为0。
运行useEffect，因为undefined不是0
useEffect请求将index设置为4
第二次渲染：
index是4
为什么useEffect身体会再次被执行？
第三次渲染：
为什么要重新渲染？
我期望的是：
Rendering: 0
Triggered: 0
浏览 1提问于2022-01-19得票数 2
回答已采纳
在Reach钩子FAQ部分中有一个例子：
function Form() {
const [text, updateText] = useState('');
const textRef = useRef();
useEffect(() => {
textRef.current = text; // Write it to the ref
});
const handleSubmit = useCallback(() => {
const currentText = textRef.current; // Read it fr
浏览 3提问于2021-01-15得票数 0
所以我才意识到，每次我更改路由时，App()中的上下文提供程序都在运行。从逻辑上讲是有道理的，但我不确定为什么我从来没有想过。这样做的问题是，每次使用useEffect时，它都会调用api，即使我不需要它，除非我在实际使用它的组件中。
function App() {
return (
<AuthProvider>
<BrowserRouter>
<Route path="/login" component={Login} />
<Header />
<
浏览 6提问于2021-10-06得票数 0
因此，我目前正在使用React Hooks，我正在尝试使用useEffect。它假设每当依赖关系发生变化时，useEffect都会重新呈现，对吗？但它对我不起作用。下面是我的代码： const [slidesPerView, setSlidesPerView] = React.useState(0)
React.useEffect(() => {
setSlidesPerView(() => (window.innerWidth <= 375 ? 1 : 2))
console.log("rerender?", slidesPerVie
浏览 25提问于2019-09-01得票数 8
回答已采纳
2回答
假设我有一个简单的虚拟组件：
const Component = () => {
const [state, setState] = useState(1);
setState(1);
return <div>Component</div>
}
在这段代码中，我将状态更新为，与前面直接在组件体中的值相同。但是，即使值保持不变，这也会导致太多的重呈现。
正如我所知，在React.useState中，如果状态值被更新为与前面相同的值- React将不会重新呈现组件。为什么会发生在这里？
然而，，如果我尝试使用useEffect做一些简单的事情，而不是
浏览 14提问于2022-10-11得票数 7
回答已采纳
新的反应/下一步，抱歉，如果这是显而易见的，我试着寻找并尝试解决类似的问题，但我认为我遗漏了一些东西或没有正确理解。我知道loadStats()被无限调用，因为它是在呈现函数中调用的，我只是不知道如何解决它.
我试过onClick={loadStats(stats.player).bind(stats.player)}它只是错误bind() is not a function..。这是组件。
import React, { useEffect, useState } from "react";
import Teams from "./Teams";
cons
浏览 4提问于2021-07-19得票数 1
回答已采纳
4回答
我试图通过这样做来调用useEffect()中的函数：
const myComponent = () => {
useEffect(() => {
const aFunc = () => {
console.log("function called")
}
}, [])
return (
<button onClick={() => aFunc()} />
)
}
如您所见，每次单击<button>时，我都想调用aFunc()函数。
我如何在aFunc之外调用useEffect
浏览 1提问于2021-03-08得票数 0
回答已采纳
1回答
道具更改导致组件重呈现
、、、
我有收到一些道具的组件，我已经意识到组件在不需要的时间和情况下呈现
因此，我使用简单的UseEffect钩子显式地检查了每个道具，以确定是否真的更改了道具并导致重呈现。
事实上，当单击某些按钮时，一些道具正在“改变”，问题是道具并没有真正改变，即使我将模拟数据放入道具(propsName={10})，useEffect钩子‘认为’道具已经改变了。
这是我使用过的useEffect钩子：
UseEffect(() => {
console.log(`prop has changed', propName)
}, [propName])
问题是什么，为什么看起来道具改变了，即使不
浏览 0提问于2021-10-06得票数 0
我有两个反应应用程序，即appA和appB(它们都有自己的ReactDOM.render()方法)，它们分别生成不同的构建文件，即bundleA.js和bundleB.js。这些包加载在第三个应用程序中，即container(一个普通的js应用程序)。
使用全局/窗口变量在它们之间共享一些常见的状态。例如,
window.pets = [
{name: 'dog'},
{name: 'cat'}
]
假设appA将宠物添加/移除到/从window.pets中删除。它在appA中更新，但在appB中没有更新。我尝试在这两个应用程序中使用useEffec
浏览 1提问于2021-06-19得票数 0
回答已采纳
我有一个父组件和子组件，在我的示例中，当单击“增加”按钮时，子组件将被重新命名。
import React, {useEffect,useState} from 'react';
export const App = (props) => {
const [count, setCount] = useState(0);
const handleCount = ()=>{
setCount(count+1);
}
useEffect(()=>{console.log("Parent was rerendered")})
浏览 3提问于2022-08-01得票数 1
我是一个反应JS的初学者。
我面对着这种奇怪的情况，
const [counter, setCounter] = useState(0);
const incrementCounter = () => {
setCounter(counter + 1);
console.log(counter, "Log inside the function");
};
useEffect(() => {
console.log(counter, "Log inside the useEffect");
}, [coun
浏览 8提问于2022-09-02得票数 2
回答已采纳
我知道闭包是什么，但我不明白useEffect实际上是如何捕获变量的，而不是我所拥有的类似代码。
例如，查看下面的示例：
function longResolve() {
return new Promise(res => {
setTimeout(res, 3000);
});
}
function App() {
const [count, setCount] = useState(0);
useEffect(() => {
longResolve().then(() => {
alert(cou
浏览 16提问于2022-09-12得票数 -1
回答已采纳
我在“useState()”网站上读到了React useState()和useRef()的内容，我对一些似乎同时有useRef和useState解决方案的用例感到困惑，我不知道哪种方法是正确的。
来自“钩子常见问题”的
“useRef() Hook不仅适用于DOM参考文献，”ref“对象是一个通用容器，其当前属性是可变的，可以保存任何值，类似于类上的实例属性。”
使用useRef()
function Timer() {
const intervalRef = useRef();
useEffect(() => {
const id = setInterval
浏览 0提问于2019-06-05得票数 129
回答已采纳
2回答
这是这个问题的后续问题，这个问题最接近我的问题：
我正在创建一个小型React.js应用程序来研究图书馆。我收到这样的警告：
超过最大更新深度。当组件在useEffect中调用useEffect时可能会发生这种情况，但是useEffect要么没有依赖数组，要么在每次呈现时都会更改依赖项之一。
我有一个功能组件，其中有以下代码：
const propertiesMap2 = new Map([ //There is also propertiesMap1 which has the same structure
["TITLE4",
{
pro
浏览 5提问于2019-09-09得票数 43
回答已采纳
2回答
我正在使用Redux订阅存储和更新组件。
这是一个没有Redux的简化示例。它使用一个模拟商店来订阅和发送。
请按照下面的步骤来重现问题。
编辑：请跳过Update下的第二个演示片段，以获得更简洁和更接近真实场景的内容。问题不是关于Redux。它是关于React的setState函数标识，即使状态没有改变，也会在某些情况下导致重呈现。
编辑2：在“更新2”下添加了更简洁的演示。
const {useState, useEffect} = React;
let counter = 0;
const createStore = () => {
const listeners = [
浏览 1提问于2020-03-27得票数 7
回答已采纳
2回答
这是我的密码
// App.js
import { useState } from "react";
import Child from "./Child";
export default function App() {
const [value, setValue] = useState(0);
const [isInvalid, setIsInvalid] = useState(false);
const handleChange = (e) => setValue(e.currentTarget.value);
const ha
浏览 5提问于2022-08-18得票数 1
回答已采纳
我使用的是react 16.12.0与功能组件和类型记录3.7.2。
Problem：我的子组件B每次在组件A中更改变量时都会重新呈现，尽管这些变量没有传递给subcomponentB。我只将一个函数从componentA传递给componentB。
我有两个组成部分(构成部分A和构成部分B)。组件A是组件B的父级。组件A包含一个变量和一个函数。函数被传递给组件B，但是不值。在组件A中，还有一个计时器在运行，在X秒内更改变量"value“。
Component A:
const [value, setValue] = React.useState<number>(1);
f
浏览 4提问于2019-12-13得票数 0
回答已采纳
我使用useEffect显示UI加载..。但只有在250毫秒之后。起作用了..。但我真的不明白为什么、特别是useEffect何时调用返回的函数(这会清除超时)。
好吧..。我不确定这是不是完美的工作。有时“装货.”消息应该会出现，但不会出现。
const [loadingAfterShortTime, setLoadingAfterShortTime] = useState(false);
useEffect(() => {
setLoadingAfterShortTime(bool => false);
if (myDepandanceToTrigTheLoadi
浏览 0提问于2019-03-13得票数 11
回答已采纳
我正在尝试使用Reactstrap 8.5.1 innerRef属性和useRef()来在Modal打开时将输入集中在Modal中。下面的代码显示了打开Modal的按钮，但当单击时，我得到错误“无法读取属性‘焦点’的null”。它还向控制台写入inputRef，这表明.current为空。
我尝试了各种方法来设置innerRef，但似乎都不起作用。如果有人能指出我遗漏了什么，我将不胜感激。
import React, { useState, useRef, useEffect } from 'react';
import { Modal, ModalHeader, ModalB
浏览 24提问于2020-11-12得票数 0
回答已采纳
我的应用程序中有一个更高阶的函数组件，它将JSON传递给它的子组件。我正在使用react Hooks来管理状态。我不能使用componentDidUpdate，因为它不是一个类组件。
我使用useEffect()让它在初始呈现时处理JSON，但之后我似乎无法让它进行更新。我已经确认道具确实在改变，JSON也是独一无二的(只需点击一个按钮它就会改变)。
下面是我的代码：
function FormSection(props) {
const [questions, updateQuestions] = useState([]);
const [sectionJSON, updat
浏览 1提问于2019-08-09得票数 0
1回答
我正在创建一个侧面层次结构，用于控制应用程序中的所有Modal使用 import ReactNativeModal, { ModalProps } from 'react-native-modal';
export const ModalsProvider = ({ children }: { children: ReactNode }) => {
const [modals, setModals] = useState<IModal[]>([]);
const [modalsMap, setModalsMap] = useState({});
浏览 25提问于2021-06-16得票数 0
回答已采纳
2回答
我不明白我的组成词怎么会改头换面。我有一个redux状态，保存我的{history：{局}}状态。所以问题是:如果{字母}被传递到useEffect deps数组中，如果更改了{}属性，那么我的组件单词重命名器会不会？
`
function Word() {
const { history: {letters, words} } = useAppSelector(state => state)
useEffect(() => {
}, [letters])
return (
<div>
</div>
浏览 12提问于2022-11-13得票数 0
我有以下代码(dom 16.8.6，react-dom: 16.8.6)：
import React, { useState, useEffect, } from 'react';
import ReactDOM from 'react-dom';
function App(props) {
const [counter, setCounter] = useState(0);
console.log(1)
useEffect(() => {
console.log(2)
setTimeout(() => {
浏览 1提问于2019-08-12得票数 3
回答已采纳
2回答
这里我有一个简化的react本机应用程序，它进行网络调用，并在加载时设置一个标志。有一个按钮onPress处理程序，它调用另一个方法doSomething，这两个方法都在useCallback中，并且依赖数组按照vscode中的详尽的-deps插件是正确的。
当应用程序加载时，我可以看到isInitialized标志被设置为true，但是在doSomething方法中按下按钮后显示标志仍然为false。在这种情况下，useCallback方法似乎没有根据它们的依赖数组重新生成。
import React, {useEffect, useState, useCallback} from &#
浏览 13提问于2022-01-08得票数 1
回答已采纳
1回答
我有一个简单的问题，关于在不重新呈现整个页面的情况下重新呈现一个功能性的react组件。
在几个帖子中，人们在谈论：
库:REACT路由器-DOM
history.push("/");
history.goBack();
实际上，它重新呈现了我的组件，负责在DOM中加载数据的useEffect钩子运行良好，但是在两次重新呈现之后，我在控制台中得到了一个错误：
Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory
浏览 2提问于2020-10-05得票数 1
回答已采纳
当您将useEffect作为第二个参数传递给它依赖项时，它与useCallback之间有什么不同？
当依赖项作为第二个参数更改时，不是同时运行作为第一个参数传递的函数/代码吗？
根据我所读到的，这两个钩子的目的是不同的，但我的问题是，实际上它们是否可以互换使用，因为它们在功能上做了相同的事情
浏览 0提问于2021-06-29得票数 6
回答已采纳
2回答
有人能解释一下为什么这会触发useEffect吗？setState钩子中的useState函数似乎总是一个函数。它在任何时候都不是undefined (初始化时)吗？
const [state, setState] = useState(0)
useEffect(() => {console.log('triggers')}, [setState])
我离开了反应18s安装/卸载的警告，但是既然setState从来不改变效果，就不应该开火吗？我在这里错过了什么？
以上代码与编写以下代码基本相同：
useEffect(() => {...}, [])
浏览 7提问于2022-10-05得票数 1
回答已采纳
我用一个对象设置一个radux状态，从存储中获取值，并在屏幕上打印它
我用的是useState和useEffect
const AvatarContainer = (props) => {
const [infos, setinfos] = useState(undefined);
useEffect(() => {
console.log('in effects')
setinfos(() => props.userInfos)
}, [props.userInfos]);
props.saveUserInfos(authContex
浏览 3提问于2020-10-16得票数 0
我的肚脐上有一个useEffect钩：
const spoon = localStorage.getItem("true");
useEffect(() => {
console.log(spoon")
var xmlHttp = new XMLHttpRequest();
xmlHttp.open('GET', `https://server.com/${spoon}`, false);
xmlHttp.setRequestHeader('AO', `Password ${PASS}`)
浏览 3提问于2021-08-30得票数 0
回答已采纳
我是React的初学者，我正在尝试每3秒调用一次这个API来获取国际空间站的坐标，并在每次调用时将它们渲染到屏幕上。因此，我使用setTimeout()获取API坐标，更新'coords‘状态变量，然后使用useEffect将引用'coordRef’更新为这些值，然后将这些值传递给子组件'TomTomSearch'，以便也使用。
问题是，当我在严格模式下运行它时，它会进行许多API调用，然后最终会产生永无止境的API调用流，从运行时的多个控制台日志中可以看出，当我在没有严格模式标记的情况下运行它时，它在每个setTimeout()调用中只调用它一次。我正在使用的
浏览 2提问于2021-05-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
