使用React和Apollo React挂钩 import { useCallback, useState } from "react";
import { useMutation, useSubscription, useQuery } from "@apollo/react-hooks"; 我有一个函数useChannel，其中有我所有的graphql突变的钩子。导入每个突变，然后将其声明为常量，如下所示： const [addExportChanne
浏览 86提问于2021-07-07得票数 0
回答已采纳
我正在浏览一个现有的代码库，查看一些使用的数据获取钩子。//custom_data_fetching_hook.js
function
浏览 8提问于2022-06-23得票数 3
回答已采纳
知道如何从refetchQueries获得响应数据吗？我从突变中得到了查询响应数据。import { gql } from 'apollo-boost';
mutation DoneTask($taskId: ID!) { taskId: $taskId task { status
}
浏览 1提问于2019-10-17得票数 1
回答已采纳
我正在使用Apollo client 3并尝试构建一个可编辑的表 我有多个API突变，我应该在最后一个突变后触发refetchQueries。例如： const [updateName] = useMutation(updateNameD) const[updateCity] = useMutation(updateCityD, {refetchQueries: () => [{ query: Use
浏览 30提问于2020-09-30得票数 0
回答已采纳
我有一个组件，它有一个跟随和取消跟随者的逻辑。在单击按钮时，应该调用包含查询逻辑的函数。但是当我按下按钮时，它会给我“错误:无效的钩子调用，钩子，并且只能在函数组件的主体内调用”。以下是我的两个函数，用于以下和取消以下逻辑： const {isLoading: deleteFollowerLoading}= useQuery(["deleteFollower"
浏览 2提问于2021-11-30得票数 1
回答已采纳
当useMutation (insert/update查询)成功执行时，我需要能够在每个reRender之前或之上执行函数(closeModal)。如果我从'useMutation‘函数中取消注释onClose函数中的代码，那么从父级中我就不能打开模式(打开、关闭和切换由父级处理，下面的..see ) 模式子模式： export defaultfunction DeviceModal(props) {
const device = useQuery(getDevice_query, {vari
浏览 56提问于2021-10-19得票数 0
回答已采纳
2回答
这就是我如何使用ApolloClient来执行CRUD操作，如何使这个过程可重用？我有很多使用相同逻辑的页面，并且为每个页面编写这些函数非常耗时和相似。当我尝试使用函数组件之外的useMutation时，我会出错，可能需要使用自定义钩子，如何实现它？import { useQuery, useMutation, useLazyQuery } from '@apollo/clien
浏览 6提问于2021-11-18得票数 1
回答已采纳
我的代码如下所示： import { useQuery, QueryClientProvider, QueryClient } from 'react-query'}
</
浏览 61提问于2021-01-31得票数 3
回答已采纳
1回答
我有一个在onClick上触发的突变。此突变接受一个非可选变量。此变量来自查询。 variables: {
firstVariable: 100getMyQueryData <-- This is "number" | &qu
浏览 1提问于2020-10-08得票数 2
我有一个标准组件设置，其中一个组件对数据进行查询，并有一个模式表单，在提交时对输入的数据进行变异。useQuery钩子使用onCompleted回调设置状态。我还在useQuery钩子中添加了一个重取回调，将其传递到表单模式，并在useMutation钩子中将其称为onCompleted。如果不刷新页面，我就无法立即呈现数据。loading: childProfilesLoading,
浏览 16提问于2022-02-26得票数 1
回答已采纳
我的项目需要使用两个不同的graphQL客户端来实现。 我试图将客户端实例作为一个选项添加到useQuery钩子中。然而，这并不起作用，并导致无限的渲染和网络调用。authLink, errorLink, httpLink]),
浏览 14提问于2021-07-25得票数 0
我最近一直在处理一些与钩子相关的问题，因为我一直在我的一个项目中实现钩子。我一直收到错误消息“渲染的钩子比上次渲染的时候多”。似乎我能让我的代码工作的唯一方法是将useQuery钩子放在所有其他钩子之后。然而，这是一个问题，因为我想用查询数据中的值填充状态的一些值。able to initialize state with qu
浏览 16提问于2019-04-02得票数 10
回答已采纳
我为使用useQuery()创建了自定义钩子： { params = {},}export const useRequest = ( path== &
浏览 8提问于2022-10-12得票数 1
回答已采纳
3回答
我一直试图同时使用多个graphql()增强子，但compose似乎不起作用。我尝试了大量来自不同库的不同导入，但仍然没有。有谁知道什么解决办法吗？数据没有从graphl()传递到我的组件道具，所以我得到了一个读取Cannot destructure property 'loading' of 'data' as it is undefined.的错误这是我的组成部分：
浏览 5提问于2020-04-21得票数 2
我使用api钩子删除实体，使用useQuery钩子从useMutation加载实体，如下所示： const { mutate: $delete } = useMutation(deleteDisciplinequeryClient.invalidateQueries('disciplines')})
const { isLoading, data: disciplines } = useQuery(['dis
浏览 98提问于2021-04-03得票数 1
回答已采纳
我有一个情况，那里有4个自定义钩子，它们都非常相似。它们使用类似的查询和突变。所有4的范围是管理一个名为StudyConfiguration的API。我需要使它合并在一个自定义钩子和一个有效的方式。我试着按下面和下面的方式出现，您将看到4个自定义钩子以及它们的使用细节。这是我通过将4合并在一起所做的新的自定义钩子，但我不相信这可能是正确的
浏览 12提问于2022-06-12得票数 0
我有一个React钩子，它返回一个调用API的请求函数。fake-domain.com').then(data => console.log('Data arrived: ', data))
}const getFakeData = useGetFakeData()
当我们需要从自定义钩子</
浏览 4提问于2021-10-21得票数 0
回答已采纳
我们正在开始一个新的反应项目使用CRA。并且，正在计划使用React查询。
需要项目文件夹结构的帮助。基于功能的文件夹结构与基于文件类型的结构有什么优势？另外，只使用axios/fetch调用并在组件中直接创建useQuery/useMutation钩子的service/API有什么好处？为每个reactQuery创建自定义钩子？&#
浏览 3提问于2021-03-18得票数 4
我不知道如何解决这个问题: react "useQuery“是在函数"onSubmit”中调用的，它既不是react函数组件，也不是自定义React函数。React组件名称必须以大写字母开头。const onSubmit = ({email, password}: IFormInput) => {
const {data, isLoading, error} = useQuery
浏览 13提问于2021-08-11得票数 2
我所做的是： const handleSearch = (e) => { const {loading, data, error}= useQuery(SEARCH_REPO, {
variables : {orgName : search.orgName, repoName: search.repoName我得到的错误是hooks cannot be used in non react functional component。那么，另一
浏览 33提问于2020-03-30得票数 1
回答已采纳
云服务器
对象存储
ICP备案
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号