问题说明如下:设计一个自定义钩子来封装useEffect，它可以执行副作用操作(如AJAX请求)，设计的自定义钩子可以跳过第一次操作，从第二次开始执行副作用操作。这里我设计了一个钩子，但是它是不正确的。我知道钩子的关键是如何判断这是否是第一次调用自定义钩子。有人告诉我应该使用useRef来计算counter，但我不太确定如何用useRef来设计它。function
浏览 26提问于2021-04-21得票数 1
回答已采纳
1回答
我正在学习自定义钩子的反应。我以下面的典型示例(useFetch)为例，您可以在中看到这一点。import { useState, useEffect } from "react";const [data, setData] = useState*/ fetch(url).then((res) => res.json()).then((data) => setDat
浏览 2提问于2022-05-16得票数 0
回答已采纳
in Component (at withScreenDimensionHOC.js:11)export default connect(mapStateToProps, mapDispatchToProps)();我创建了自定义钩子：
import{ useEffect, useState } from 'r
浏览 1提问于2021-09-27得票数 0
回答已采纳
1回答
我试图使用自定义钩子来发出HTTP请求，然后使用还原器更新组件中的状态。HTTP钩子：import axios{
const [url, setUrl] = u
浏览 4提问于2020-07-13得票数 0
回答已采纳
我有一个组件，它呈现包含文件上传的表单(使用Ant )。在页面的第一个呈现中，我需要进行一个http调用。所以我有个密码：现在，我做了一个定制钩子useSomethingQuery，它使用useQuery钩子来发出请求
浏览 4提问于2022-10-17得票数 0
我想创建一个自定义的反应钩子 setValue(derivedValue);}
我可以通过上面的代码来实现这一点当我将useEffect钩子中的返回值用作依赖项时，
浏览 4提问于2021-07-05得票数 3
回答已采纳
在尝试使用自定义钩子处理OnClick事件时，我遇到了以下问题：另一种方法是使用自定义钩子来处理单击。我会在函数组件主体的开头调用自定义钩子，然
浏览 2提问于2021-03-18得票数 0
回答已采纳
我正在创建一个自定义钩子来检测给定HTMLElement内部/外部的单击。由于钩子接受函数作为参数，因此似乎需要将输入包装在useCallback中，或者用useRef存储在钩子中，以防止useEffect重复触发。
useEffectdocum
浏览 3提问于2020-09-02得票数 0
我可以使用useRef()来从自定义钩子中提取对象吗？因为如果不这样做，当我将从钩子返回的对象作为useEffect依赖项使用时，就会得到一个无穷大的请求循环。我现在使用的代码示例： apiHook.current = useRequest( {onSuccess: (data) => {
浏览 4提问于2020-08-26得票数 0
回答已采纳
2回答
我正在做一个使用钩子的react项目。我被分配了一项任务 “更改useInterval钩子，或创建一个新的钩子(usePoll?)。这应该与useInterval的操作相同，但应该等到ajax请求完成后再启动计时器”。 我是新的反应挂钩，并正在寻找一个解决方案，但找不到。当前的useInterval函数如下。import React, { useEffect, useRef } from 'react';
export function useIn
浏览 47提问于2019-06-20得票数 3
我想知道在组件中使用useEffect钩子和自定义钩子有什么不同。例如 如果我有一个功能组件( component )并在其中直接使用useEffect钩子 import React,{useEffect} from 'react';
})
} 现在，如果我在组件内部使用这个自定义<em
浏览 21提问于2020-06-12得票数 3
回答已采纳
在使用某些自定义钩子时，我观察到了以下行为:每次组件呈现时，都初始化我的useState变量。更具体地说，我通过使用辅助函数动态创建测试数据来观察到这一点。PS:我试图将函数testData封装到useCallback钩子中。但这是行不通的，因为useCallback不能在“顶层”使用。此外，我不想找到一个“解决办法”，我真的很想了解我的问题的根源。import React, { useEffect, useState } from
浏览 11提问于2022-07-28得票数 0
在当前的redux应用程序中，我大量使用同步/链接操作和API请求，通常通过redux-saga或块来处理这些请求。因此，当返回第一个API请求的响应时，该数据将用于下一个API请求等。我已经做了一个自定义钩子"useFetch“(在这个例子中它做了很多事情，因为它是一个简化的版本，而且我还必须对它进行小的调整才能工作在codesandbox上-参见下面的代码)。问题在于，由于“钩子规则”，我不能在useE
浏览 0提问于2019-04-06得票数 21
回答已采纳
我有一个自定义的useLocation钩子来获取用户的位置： const useLocation = () => { getLocation();}; 然后，在呈现数据的FlatList的组件中，在useEffect钩子中，我有一个简单的http请求来获取用户附近的数据。我遇到的问题是，当useEffect
浏览 20提问于2021-04-19得票数 0
有些是必须获取的，而另一些是我自定义选择的，它们将作为道具传入，因此不需要获取。 async function fetchData() {
const request = await axios({ url: fetchUrl
浏览 10提问于2021-02-18得票数 0
1回答
但问题是，大多数教程都是旧的，仍然使用旧的状态而不是钩子。 newSequence.push({id: todo.id, order: index + 1 });
useEffect
浏览 2提问于2021-04-19得票数 0
回答已采纳
因此，我想向您寻求一些帮助，这样我就可以对不同的API请求重用钩子。
在本教程中，我编写了一个示例，其中使用Hooks来保存API请求状态，我认为这是一个可以重用的好模式。基本上，除了const data = await API.getItems(token['my-token'])之外的所有东西都可以用于我想要发出的所有/大多数API请求。在构建一个干净的API框架时，我应该如何重用使用这些技术的代码？import { useState, useE
浏览 2提问于2020-07-21得票数 2
所以我有一个自定义钩子，我想在另一个组件中的多个地方使用这个钩子，比如一个函数，它接受参数(对于来自useNavigate()的react-router-dom-v6，我们使用它作为const navigate/url/to/navigate')可以在多个地方使用)。 use
浏览 5提问于2022-06-30得票数 0
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
