TypeError:销毁不是useEffect中由异步/等待引起的函数
TypeError:销毁不是useEffect中由异步/等待引起的函数是一个错误类型，通常在使用React的useEffect钩子函数时出现。该错误表示在useEffect中使用了一个非异步/等待引起的销毁函数。
在React中，useEffect是用于处理副作用操作的钩子函数。它接受两个参数，第一个参数是一个回调函数，用于执行副作用操作，第二个参数是一个依赖数组，用于指定副作用操作的依赖项。
通常情况下，useEffect中的回调函数可以返回一个清理函数，用于在组件销毁时执行一些清理操作。这个清理函数是由异步/等待操作引起的，比如定时器的清除、取消订阅等。
然而，当在useEffect中使用非异步/等待引起的函数作为销毁函数时，就会出现TypeError:销毁不是useEffect中由异步/等待引起的函数错误。这是因为React要求销毁函数必须是由异步/等待操作引起的，以确保在组件销毁时执行清理操作的正确性。
要解决这个错误，可以将非异步/等待引起的函数包装在一个异步函数中，或者使用setTimeout等异步操作来延迟执行销毁函数。另外，还可以通过检查销毁函数是否存在来避免错误的发生。
总结起来，TypeError:销毁不是useEffect中由异步/等待引起的函数是一个在React中使用useEffect钩子函数时常见的错误，表示在useEffect中使用了一个非异步/等待引起的销毁函数。解决方法包括将非异步/等待引起的函数包装在异步函数中、使用异步操作延迟执行销毁函数，或者检查销毁函数是否存在。
相关·内容
2回答
TypeError:销毁不是useEffect中由异步/等待引起的函数
reactjs、react-native
我的React Native (0.61.5)有一个16.9.0 React捆绑包，它不是最新的。在应用程序中，useEffect返回错误TypeError: distroy is not a function ? 下面是useEffect代码： useEffect(async () => { let url = `${GLOBAL.BASE_URL}/api/events/ac
浏览 38提问于2020-04-22得票数 2
1回答
我是否必须等待一个已经是异步的useEffect中的异步函数？
javascript、reactjs
假设下面有下面的代码，我将函数usersaApi.getUsersId调用为useEffect函数，是否必须使响应(因为它返回值，而不是承诺)成为异步函数？axios .then(({ data }) => data);
},
useEffectconst result = await usersApi.getUserIds().
浏览 1提问于2019-09-11得票数 0
回答已采纳
3回答
在react js中的useEffect之后没有设置状态
javascript、reactjs
我的react应用程序中有下一个组件：import React, { useEffect, useState } from "react"; const [state, setState] = useState([]);
useEffect(() => {loadOptions={async () => ne
浏览 9提问于2021-12-14得票数 0
2回答
在控制台中“承诺{<pending>}”而不是一个值
javascript、reactjs、api、promise
我试图将一个函数从文件(..src/ api /index.js)中获取数据到我的App.js (..src/App.js)。await axios.get(url); } catch (error) {} . .src/App.js
useEffect(() =>
浏览 2提问于2020-08-09得票数 0
3回答
从axios.get()调用包含useEffect()的函数：“等待”语法错误
javascript、reactjs
我正在调用一个函数，该函数包含一个Axios调用，该函数在response.data之后作为await返回。我的函数组件有一个useEffect，它应该根据这个函数的结果设置一个初始变量。我的错误是：Unexpected reserved word 'await'。它需要一个async，但是在调用函数时我应该把它放在哪里呢？{
const [userInfo, setUserInfo] =
浏览 3提问于2021-04-16得票数 1
回答已采纳
2回答
我应该在useEffect钩子里用生命吗？
javascript、reactjs、react-hooks、use-effect、iife
在useEffect中使用IIFE是很好的实践，还是我应该声明异步函数，然后调用它？useEffect(() => { const response = await fetch(
"https://jsonplaceholder.typicode.com
浏览 15提问于2022-03-15得票数 3
回答已采纳
1回答
useQuery钩与useEffect钩的反应
reactjs、react-hooks、react-query
当一个useQuery钩子被触发时，我如何等待一个useEffect钩子完成？
我有一个相当复杂的功能组件，我正在触发一个useEffect挂钩，它的依赖关系来自一个祖父母功能组件。useQuery钩子和useEffect钩子都成功地工作了。但是，当触发useEffect钩子时，它不会等到查询完成后才执行useEffect调用的函数。失败的解决方案1:我尝试使用异步和等待<
浏览 5提问于2022-01-06得票数 1
2回答
如何在useEffect() React中使用等待关键字
javascript、reactjs、react-native
我想在useEffect)中调用几个异步函数，但我不确定如何包含await关键字以等待它们的结果asyncasync function func2() {...};
...意料之外
浏览 1提问于2021-03-11得票数 0
回答已采纳
1回答
function :使用useEffect获取数据，而gettting .map不是函数
reactjs、asynchronous、fetch
我有这样的代码： const [recipes, setRecipes] = useState([]); const getRecipesjsonplaceholder.typicode.com/todos`); setRecipes(data);
浏览 1提问于2020-06-23得票数 0
回答已采纳
3回答
为什么我需要使用异步等待在React中调用异步函数，而不需要在纯JS文件中调用
javascript、reactjs
我做了两次测试：
第一个测试是在一个纯JS文件中，在这个文件中，我调用了异步等待函数，在创建函数之后，它就会打印正确的数据。我在function应用程序中的JS文件中创建了异步等待函数，然后将该异步函数导入到另一个组件中，并在组件挂载时调用它。但这一次我得到了一个承诺而不是实际的</e
浏览 11提问于2022-08-28得票数 -2
回答已采纳
1回答
在使用异步/等待在React中获取对象时，如何等待对象完全加载
reactjs、async-await、graphql、es6-promise
我使用React来获取GraphQL API的表决对象，这是由提供的。因此，我创建了以下功能，用于异步/等待：import { API } from 'aws-amplify';voteData.data.getVote); console.log('Fetching error:
浏览 2提问于2021-06-25得票数 2
3回答
尝试在console.log中useEffect中的数据。没有记录任何信息
javascript、reactjs、next.js、atomicassets
function UserAccounts() { asyncaccounts); }
}, []);}
我试图理解为什么console.log在这个示例中什么都没有显示，以及从console.log中获取数据的正确方法是什么。
浏览 17提问于2022-03-03得票数 1
回答已采纳
2回答
关于useState (React)的理解
reactjs、react-hooks、use-state
你能给我解释一下为什么这个简单的代码不能像预期的那样工作吗？有一个名为“启动计时器”的按钮，它指向“计时”功能。我以为使用setCount会更新计数变量的状态，但它每秒都会保持为0。useState不正是用来更新变量的吗？感谢您的帮助！PS :在按钮中，我只是将onClick重命名为clicAction，以便在我的组件中使用它，但这根本不是问题。/components/Button';
import {
浏览 1提问于2021-12-03得票数 3
2回答
React-Redux Axios调用未返回与我的Postman调用相同的数据
node.js、reactjs、redux、axios、postman
我目前正在开发一个API调用，它的工作方式与Postman中的预期完全相同，但是当在前端浏览器上进行相同的调用时，它不会返回相同的数据。堆栈是MERN。其中非常有趣的部分是Axios请求每次都返回不同的数据数组。为了帮助解释这一点，出于测试目的，数据库在进行调用时只返回4条消息。在Postman中，每次都会返回所有4条消息。编辑:看起来这是一个useEffect问题，我创建了一个按钮，它调用相同的接口请求，并返回所有
浏览 58提问于2021-07-26得票数 0
1回答
在useEffect React钩子中不同时间实现多个Firestore调用
javascript、reactjs、google-cloud-firestore
useEffect(async() => {const interval = setInterval(() =>{ }); }); }, 1000);我得到错误以上的useEffectgetWord是一个实现防火墙调用的函数。错误是："TypeError: n<e
浏览 4提问于2020-08-22得票数 1
回答已采纳
2回答
显示的数据不更新。
javascript、reactjs
我使用一个函数来获取一些数据并显示返回的数据。问题是:数据不显示。name}</p> )getData是一个异步函数，在使用await并返回对象时，返回从防火墙获取数据。
浏览 7提问于2022-06-10得票数 2
回答已采纳
3回答
取消useEffect钩子中所有异步/等待任务以防止内存泄漏的正确方法是什么？
reactjs、firebase、async-await、google-cloud-firestore、use-effect
这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。做了更多的研究，发现了abortController，但是这些例子使用了fetch和signal，我在使用异步/等待时找不到任何资源。我愿意更改数据的检索方式(无论是使用fetch、异步/等待还是任何其他解决方案)，我只是无法让
浏览 6提问于2019-10-25得票数 5
回答已采纳
6回答
TypeError: func.apply不是一个函数
javascript、reactjs、axios、use-effect
我试图像这样使用useEffect函数： <div>{data.info4}</div>);TypeError
浏览 15提问于2020-08-25得票数 24
回答已采纳
1回答
反应-钩子/详尽-指示警告-行动方向不明
reactjs、react-hooks
Put the async function inside:
async function fetchData() {接下来是这样的警告：
56:8 Warning: React Hook useEffect has a missing dependency: 'getIgMediareact-hooks/exhaustive-d
浏览 2提问于2022-05-06得票数 1
1回答
在useEffect中有两个异步等待函数可以吗？
javascript、reactjs、firebase、google-cloud-firestore
我有这些异步等待代码:如果我在useEffect钩子里有两个异步等待函数，会不会有问题？item.itemName", "==", selected) .get();};
useEffect
浏览 33提问于2021-09-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
