我使用useQuery()从服务器接收数据。为了避免每次都重复API站点地址和一系列附加参数，我使用了以下自定义钩子： export function useGetApi(mode, params, key) {
const { data } = await axios.get(url); }
return useQuery在我拥有
浏览 11提问于2021-11-03得票数 1
回答已采纳
1回答
我已经将我的应用程序从redux-thunks重构为使用react-query来调用app的业务逻辑。//import { useQuery } from 'react-query'; [todo, pa
浏览 4提问于2021-02-13得票数 0
我和Axios客户端一起使用react。我需要创建一些不绑定到静态Axios实例的泛型组件，但是它们将从React上下文中获得instace。这样我就可以在多个项目之间分享它们。就像这样：import { useAxios } from './axios';
export const useQuery = (queryKey, queryFn, option
浏览 4提问于2022-06-01得票数 0
我正在使用storybook独立地开发我的react组件。我在使用react-query (useQuery)处理storybook时遇到了一个问题。return data; return useQuery(['searchStationsByCallLetter', inputValue], searchSta
浏览 33提问于2020-09-16得票数 1
我们在到处使用Next.js和react-query。我们要做的是设置一个全局查询，当对端点的调用由于访问令牌过期而失败时，它会刷新令牌并重新运行查询。使用自定义函数，我们可以刷新令牌，然后再重试原始请求。为此，我们需要来自useRouter的Next，这是一个钩子。useQuery<
浏览 4提问于2022-11-29得票数 1
回答已采纳
2回答
react-query。这个库提供一个钩子useQuery ex。const {data, isLoading} = useQuery(['users'], userService.getUsers);
我的问题是，如果我想使用两个useQuery挂钩，以避免重复命名变量为了使这个逻辑更加一致，我尝试制作自己的自定义钩子，并在内部重命名由useQuery提供的属性，以便能够使用扩
浏览 2提问于2021-06-25得票数 1
回答已采纳
我正在用自定义钩子封装订单的react-query CRUD操作。首先，我封装了getAllOrders操作并运行得很好，但是现在我尝试对getDetails做同样的操作，并且我收到了以下错误消息：
它之所以抱怨，是因为查询不是在组件或钩子上执行，而是在钩子<
浏览 6提问于2022-05-05得票数 0
目前，我正在使用一个自定义钩子，它每次都会添加它，所以我不必多次添加它。有更简单的方法吗？也许是用公理？这是我的定制钩子：import axios from 'axios';
data: { ...options, 'TOKEN': token
浏览 5提问于2022-03-16得票数 0
回答已采纳
我刚开始使用React查询，我有一个问题，我正在查看文档，但我无法找到如何访问已经从另一个组件中用useQuery()获取的数据。我从const query = useQuery('todos', fetchFunction)中获取HomeComponent，并希望访问已经在TodosComponent中获取的数据。是否可以使用const query = useQuery('todos', fetchFunction)再次获取数据，或者是否有类似于redux的数据位
浏览 1提问于2021-07-11得票数 10
回答已采纳
1回答
沙箱代码：
嗨，我有包装组件，它使用自定义钩子和react-query来获取数据并公开数据，以及isLoading和isError状态。在包装组件中，只要加载了查询，就不应呈现整个页面。该包装器的子组件中有使用相同自定义钩子的组件，但我希望它不需要关心isLoading状态，而是从成功的请求中获取数据，或者在请求失败时获得故障转移数据。我看到了正在发生的事情，定制钩子再次运行react query，并向使用它的组件提供未定义的数据。
浏览 6提问于2022-09-09得票数 0
当出现错误时，自定义fetch函数会使用react钩子设置一些状态。 因为我在函数中使用钩子，所以我不能正常导入它。因此，我使用上下文传递这个封装的函数。当我使用react-query时，我只想以以下方式使用这个包装函数： function myQuery(key, apiFetch) {}
useQuery(&#x
浏览 24提问于2021-10-24得票数 2
回答已采纳
拥有这样一个简单的useQuery isLoading, isError, data,在我的单元测试中，我希望从一开始就获得useQuery返回信息(这是我想这么做的原因，但这不是主题) beforeEach(() => {
浏览 2提问于2022-01-11得票数 -1
回答已采纳
1回答
我从react-query库中看到了一个模式，它做了以下工作：// it instantiates an object from a class <Todos />在<Todos />组件中，这个库为您提供了同时使用客户端或钩子的选项。)
我无法理解的是，这个库如何能够在一个普通的java
浏览 6提问于2021-12-15得票数 1
回答已采纳
3回答
我在我的项目中使用，它工作得很好。
我想知道react query是否有选择器特性。例如，我使用react query来获取一个帖子列表，并且只希望过滤已完成的帖子。
浏览 5提问于2020-10-27得票数 0
我有一个定制的钩子，看起来像这样：import { get } from '@/util/mutation
const queryClient = useQueryClient() }
return {
浏览 3提问于2022-02-18得票数 0
1回答
我是ReactQuery的新手。 // dataHook.js import { useQuery} from 'react-query'
const fetchCompanyInf
浏览 8提问于2022-11-16得票数 0
我尝试过的一种方法是通过从formik表单传入参数来使用refetch函数，但它不起作用：useTransactions.tsx
import { useQuery, useQueryClient，我有一个带有it.This有效负载的移动负载被导出到表单组件，并且我不希望将它作为变量绑定到useQuery，因为我只希望在用户单击搜索按钮时重新获取useQuery。下面是我的组件：(有效负载是从钩子文
浏览 4提问于2022-05-03得票数 0
回答已采纳
现在，我正在每个页面上使用身份验证，但我想在_app.tsx文件中全局定义它。) { }
<p>You are signed In </p> useAuth是一个自定义钩子，它提供会话对象，并使用react query。: number) {
const { error, data } = useQuery(
浏览 3提问于2022-04-02得票数 2
回答已采纳
我正在测试一个由react-query支持的自定义钩子。当promise被拒绝时，我需要测试它的回滚行为。不幸的是，使用console.error的react-query日志拒绝了对控制台的承诺，这弄脏了我的测试输出。如何防止react-query将被拒绝的承诺记录为控制台错误？
浏览 0提问于2021-01-05得票数 2
我为来自服务器的get请求创建了自定义钩子。下面是一个例子 return useQuery(['posts', id], () => getPost(id))const钩子和自定义钩子。但是，当我尝试使用自定义钩子作为queryFn时，function会抛出一个错误，说明我不能在函数&#
浏览 3提问于2022-07-26得票数 0
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号