有条件地呈现数据的useQuery
useQuery是一个React Hook，它是由React Query库提供的。它用于在React组件中进行数据查询和状态管理，使数据获取和更新变得简单且可靠。
useQuery有以下特点和优势：
- 数据获取：useQuery可以用于从后端服务器获取数据，它提供了一种简单的方式来执行GET请求并获取数据。它可以自动处理数据的请求和响应，并在需要时进行重新获取。
- 数据缓存：useQuery使用内置的数据缓存机制，可以在多个组件之间共享数据。当多个组件使用相同的查询时，它们将共享相同的数据，并自动更新。
- 数据状态管理：useQuery提供了数据加载过程中的不同状态，如"loading"、"error"和"success"。这些状态可以让开发者更好地处理数据加载过程中的不同情况。
- 自动刷新：useQuery可以自动刷新数据，以保持数据的最新状态。可以设置刷新间隔，并在指定的时间间隔内重新获取数据。
- 错误处理：useQuery允许开发者处理请求过程中出现的错误，并提供了错误处理的机制。可以根据不同的错误类型进行不同的处理，如显示错误消息或执行其他操作。
- 异步处理：useQuery支持异步操作，可以在数据获取过程中执行其他操作。例如，可以在加载数据时显示加载指示器，或者在数据加载完成后执行其他操作。
- 集成性：useQuery可以与其他React库和组件很好地集成，例如React Router、React Redux等。这使得在复杂的应用程序中使用useQuery变得更加灵活和方便。
应用场景： useQuery适用于任何需要获取和管理数据的场景，例如：
- 数据列表：可以使用useQuery从后端服务器获取数据列表，并在页面上展示列表内容。
- 数据详情：可以使用useQuery获取单个数据项的详细信息，并展示在页面上。
- 数据筛选和排序：可以使用useQuery进行数据的筛选和排序，并实时展示结果。
- 数据分页：可以使用useQuery进行数据的分页查询，实现数据的无限滚动加载等功能。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些相关产品和链接：
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可以快速创建和管理云服务器实例。 产品链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL（CMQ）：腾讯云提供的关系型数据库服务，适用于各种规模的应用程序。 产品链接：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：腾讯云提供的高扩展性的云存储服务，用于存储和访问各种类型的数据。 产品链接：https://cloud.tencent.com/product/cos
- 人工智能开放平台（AI）：腾讯云提供的人工智能服务，包括人脸识别、语音识别、图像识别等。 产品链接：https://cloud.tencent.com/product/ai
这些产品可以与useQuery一起使用，以实现更完善和全面的云计算解决方案。请注意，这仅仅是腾讯云的一些产品示例，还有其他更多产品可供选择。
相关·内容
1回答
我在做React-Native。我有个useQuery钩子。我没有更改任何代码，运行了几次，有时工作，有时不工作。我不知道为什么。 const PHOTO_RECOMMEND = gql`
query getAdjacents{
getAdjacents
}
`;
//return type : [Int!]
const { data : {getAdjacents : photoList}, loading} = useQuery(PHOTO_RECOMMEND)
//expected result : [1,2,3,6,8, ...] TypeError: unde
浏览 7提问于2021-08-09得票数 0
queryClient.fetchQuery可以代替由react query提供的useQuery钩子.在哪种情况下，应优先考虑任何准则和最佳做法。
一种情况可能是我们希望有条件地获取数据。因此，queryClient.fetchQuery看起来更自然，而useQuery钩子则不是。
上述逻辑正确吗？请建议使用一个或另一个的最佳做法。
浏览 3提问于2022-01-01得票数 2
回答已采纳
2回答
我有一个用例，在UI中，我显示与用户相关的所有待办事项的列表。有一个切换按钮，它只显示同一个用户的completed待办事项列表。我正在调用react useQuery，但是基于切换按钮状态的有条件。以下是代码：
import TodoItems from './TodoItems';
import { LIST_TODOS_BY_USERNAME, LIST_TODOS_BY_STATUS } from '../graphql/queries';
import { useQuery } from '@apollo/react-hooks';
浏览 7提问于2020-07-26得票数 1
回答已采纳
我为使用useQuery()创建了自定义钩子：
export const useRequest = (
{
path = "",
params = {},
body = {},
key = "",
options= {},
method = "get"
}
) => {
// async function for get API:
const callApi = async () => {
const { data: { response } } = await
浏览 8提问于2022-10-12得票数 1
回答已采纳
2回答
我使用的是阿波罗客户端，对于获取查询，我使用的是useQuery包@apollo/react-hooks。
我要做到以下几点：
步骤清单：
步骤1:获取查询stage
const GetStage = useQuery(confirmStageQuery, {
variables: {
input: {
id: getId.id
}
}
});
步骤2:基于从GetStage获得的响应，我们希望在两个单独的查询之间切换
if (!GetStage.loading && GetStage.data.getGame.stage === "
浏览 1提问于2019-11-19得票数 9
回答已采纳
2回答
这是一个使用rest链接的apollo客户端。我有两个api需要点击，一个是记录的值和id，另一个是给我更多关于记录的信息的api。然后，我将这些信息缝合在一起，用于呈现我要呈现的内容。不是的..。没有gql后端，只是试图向前迈出一步，并与客户端挂钩。我尝试这样做的方法是使用像这样的钩子 const {data: recordsById = {}, loading: loading1} = useQuery(firstQuery, {variables: {sectionId}})
const records = Object.keys(recordsById).map((recordId)
浏览 29提问于2019-10-18得票数 2
回答已采纳
所以我知道我可以使用skip on query来跳过它们，但是这需要我这样做
const [fetchQuery1, { loading1, data1 }] = useQuery({
//..
skip: cond1
});
const [fetchQuery2, { loading2, data2 }] = useQuery({
//..
skip: cond2
});
const [fetchQuery3, { loading3, data3 }] = useQuery({
//..
skip: cond3
});
但是对于一些未使用的查询来说，这是一个很大的变量
我有一个代
浏览 0提问于2020-11-19得票数 0
上下文：当我刷新仪表板时，useHasPermission发出异步调用以确定用户是否有权访问somePermission。
问题： hasPermission最初计算为false，但异步调用完成后hasPermission计算结果为true。这将导致在第一次呈现时不调用useQuery，然后调用第二次呈现。显示了以下错误：
“呈现的钩子比上一次呈现时多。”
问题：为什么这个错误只发生在示例A而不是示例B？
// Example A: Does not work
const Dashboard = () => {
const hasPermission = useHasPerm
浏览 1提问于2019-12-10得票数 2
回答已采纳
如何使我的useQuery()在第一次呈现和后续事件(例如，按钮单击)上都触发？
据我所读，当React挂载第一次调用useQuery的组件时，阿波罗会自动执行查询，如果我想响应某个事件执行该查询，我可以使用useLazyQuery来返回一个可以调用的函数。如果我想两者兼得呢？
不太清楚我对function钩子的理解中的哪一部分是不正确的或不完整的，但我尝试在useQuery中使用useQuery，这肯定允许我调用该函数，但似乎并不总是在组件挂载上触发(更令人困惑的是，有时会触发，有时不会)。我也在使用notifyOnNetworkStatusChange，我读到了refetch需要它来认识到
浏览 9提问于2020-06-26得票数 1
回答已采纳
我正在尝试查询一个api，以便在用户登录后获取用户权限。但是，如果我在useEffect()中编写useQuery()，因为它破坏了React的rules of hooks，就会发生InvalidHookError。 const OnHeader = () => {
const [user, loading, error] =
typeof window !== "undefined" ? useAuthState(firebase.auth()) : [null, true, null]
useEffect(() => {
浏览 20提问于2021-02-01得票数 0
回答已采纳
1回答
组件内部的Apollo状态管理
、、、、
非常感谢你来到这里。我是阿波罗和React的新手，我一定不理解这里的逻辑，所以请容忍我。 在我的主页index.js上，我是这样初始化阿波罗的： export const getStaticProps = async () => {
const apolloClient = initializeApollo();
await apolloClient.query({
query: GET_ALL_COUNTRIES_MAIN,
variables: {
offset: 0,
limit: 30,
},
});
retur
浏览 10提问于2021-02-05得票数 1
回答已采纳
我刚开始使用React查询，我有一个问题，我正在查看文档，但我无法找到如何访问已经从另一个组件中用useQuery()获取的数据。
我从const query = useQuery('todos', fetchFunction)中获取HomeComponent，并希望访问已经在TodosComponent中获取的数据。是否可以使用const query = useQuery('todos', fetchFunction)再次获取数据，或者是否有类似于redux的数据位于类似Store的地方，这样我就可以从任何地方访问它？
;)
浏览 1提问于2021-07-11得票数 10
回答已采纳
我知道React中的固定规则之一是，您不能在函数组件的方法中执行任何挂钩，甚至不能在其他挂钩中执行任何挂钩，比如useEffect挂钩。它必须在组件本身的主体中执行。
所以今天在开发一个测验应用的时候，我遇到了这样一种情况，在通过堆栈导航器的一个屏幕后，我想通过点击后退按钮再次返回到那个屏幕。但这一次，我想用来自graphql查询的数据修改前一个屏幕上的信息，使用Apollo客户端提供的useQuery钩子。
我可以使用道具上的isFocused属性来检测上一个屏幕是否处于焦点状态。如果它发生变化，那么我将使用useQuery再次获取数据。
我可以简单地这样做：
React.useEf
浏览 1提问于2020-03-16得票数 6
我想知道如何建立Vue 3阿波罗应用程序的查询和突变。我很熟悉useQuery钩子的反应。每当缓存的数据被更改(通过突变)时，它就重新呈现组件。
我试过：
()ApolloQuery () useQuery useQuery
在所有情况下，它只加载一次数据，而不对缓存数据更改作出反应。
我发现我可以通过阿波罗客户端构建自己的设置，或者重新获取查询。我甚至可以通过它的键使组件失效。这并不像React useQuery钩子那样优雅。
我很好奇在Vue 3中是否有现成的解决方案和平滑graphql操作的最佳实践。
浏览 1提问于2022-03-24得票数 3
回答已采纳
我试图访问if语句中的一个值，如下所示：
const Navbar = () => {
const token = getFromStorage("token");
if (token) {
const { data, error } = useQuery(
["username", token],
() => getCurrentUser(token),
{ enabled: token.length > 0 }
);
}
return (
<di
浏览 2提问于2022-08-18得票数 0
1回答
服务器端呈现后的useQuery
、、、、
我用的是next.js和阿波罗的反应钩。
对于一个页面，我是服务器端，呈现第一个X“帖子”，如下所示：
// pages/topic.js
const Page = ({ posts }) => <TopicPage posts={posts} />;
Page.getInitialProps = async (context) => {
const { apolloClient } = context;
const posts = await apolloClient.query(whatever);
return { posts };
浏览 0提问于2019-09-04得票数 5
回答已采纳
我正在浏览一个现有的代码库，查看一些使用的数据获取钩子。
我注意到，几乎在任何地方，都会注意到在useQuery钩子(和其他类似的react-query钩子)中传递的参数在钩子执行之间是相同的。
例如
//custom_data_fetching_hook.js
import { useQuery } from 'react-query';
function fetchSomeStuff() {
// server data request implementation
}
const queryOptions = {
// object as described
浏览 8提问于2022-06-23得票数 3
回答已采纳
我把导航条放在我的_app.js中，所以我不需要在每个组件中插入它。我的问题是，登录后，它输出一个错误Rendered more hooks than during the previous render.并将其指向useQuery(GETCARTDATA。
请在这里检查我的代码
const App = ({ Component, pageProps }) => {
const token = getToken()
const [isPopUpShow, setPopUpShow] = useState(false)
const [cartStateData, s
浏览 2提问于2021-01-25得票数 3
回答已采纳
3回答
如我们所知，当反应组件的道具或状态发生变化时，将重新呈现它。
现在，我正在使用来自useQuery包的react-apollo，如下所示：
import { gql, useQuery } from '@apollo/client';
const getBookQuery = gql`
{
books {
name
}
}
`;
function BookList() {
const { loading, error, data} = useQuery(getBookQuery);
if(loading) return
浏览 1提问于2021-02-07得票数 7
回答已采纳
我正在玩reactQuery的一个小演示应用程序，你可以在回购中看到。该应用程序调用模拟API。
我被困在一个问题上，我使用useQuery钩子在产品API 中调用这个函数
export const getAllProducts = async (): Promise<Product[]> => {
const productEndPoint = 'http://localhost:5000/api/product';
const { data } = await axios.get(productEndPoint);
return data as
浏览 20提问于2021-10-13得票数 5
回答已采纳
import React, {useState, useEffect, Component} from 'react';
import {Grid, Paper, TextField} from '@material-ui/core'
import DataManager from './../data_manager/data_manager'
const dataManager = new DataManager();
const Tile = (props)=>{
// Initializing State Variabl
浏览 5提问于2020-10-18得票数 2
回答已采纳
我是新的图形am和反应。目前，默认情况下，所有useQuery和useMutation都使用一个阿波罗客户端，这两个客户端都是通过ApolloProvider实现的。
现在，我必须将不同的阿波罗客户端(有不同的uri)传递给不同的查询和突变。我可以在useQuery()中传递不同的客户端，但在useMutation()中不能这样做。
// Client initialized via ApolloProvider
const client = new ApolloClient({
cache: new InMemoryCache(),
link: httpLink1,
});
浏览 3提问于2022-10-07得票数 0
回答已采纳
import api from "api";
import { Loader } from "components/base";
import { useReducer } from "react";
import { useQuery } from "react-query";
function reducer(state, { type, payload }) {
switch (type) {
case "init":
return state.concat(payload);
浏览 1提问于2021-03-01得票数 1
所以我有这个密码
const [localState, setLocalState] = useState<StateType[]>([]);
const { data = { attribute: [] }, loading } = useQuery<DataType>(QUERY, {
variables: {
id: client && client.id
},
skip: user.clients && user.clients.length === 0
});
useEffect(() => {
浏览 6提问于2021-04-23得票数 2
试图了解useQuery是如何在后台执行的。首先呈现Booklist组件时，调用booklist函数，调用usequery钩子，将加载设置为true，并开始在后台执行graphql请求。当它从服务器检索响应时，它更新属性，并且组件再次被重新命名，函数BookList将从开始时再次被调用。当useQuery再次被调用时，会发生什么情况?它是提出另一个请求，还是从缓存中获取数据？它怎麽工作。
粘贴下面的代码
import React, { Component } from 'react';
import { graphql } from 'react-apollo'
浏览 4提问于2020-05-16得票数 3
回答已采纳
1回答
我刚开始响应查询，我正在尝试将我所有的API调用移到一个新文件中，从useQuery调用中移出。不幸的是，当我这样做的时候，我所有的数据都是没有定义的。
我确实在网络选项卡中看到了网络调用，只是在useQuery.中没有正确地设置它。
谢谢您对如何修改我的代码来解决这个问题的任何帮助！
// this works
const { loading, data, error } = useQuery([conf_id], async () => {
const { data } = await axios.get(API_URL + '/event/
浏览 32提问于2022-04-19得票数 0
6回答
我需要库的帮助。我获取对象列表，然后对每个人来说，我需要从另一个服务中获取其他数据。我应该如何使用react query useQuery钩子来完成这个任务？
示例1
const { data} = useQuery("USERS", fetchUsers);
data.map(user => useQuery(["ACCOUNT", {userId: user.id}],
({userId}) => fetchAccount(userId)));
错误：
ESLint: React useQuery不能在回调中
浏览 5提问于2020-02-17得票数 10
回答已采纳
我有一个自定义的React钩子，它在它-self中使用了react query useQuery()：
const useFetchSomething = () => {
const { data, isLoading } = useQuery('key', ....);
return .......
}
我必须创建一个自定义钩子，然后在其中使用useQuery()钩子，因为它有一些特性，并从react查询中获取数据！
我试着用react-hooks-testing-library测试这个钩子
const { result } = renderHook(() =&
浏览 8提问于2022-06-13得票数 0
回答已采纳
我尝试提出一个GET请求，到目前为止，这是可行的。但是，可以始终在页面上显示不同的图像，这就是为什么在请求之后直接存储ID，然后可以使用该ID通过URL捕获图像。
但是，在开始时，"post" at useState({})中没有任何内容，因此它是空的。
因此生成这样的错误消息：
GET https://myip.net/undefined/undefined-normal.jpg 404 (Not Found)
post.postId在开始时还没有定义，因为里面还没有任何东西。在那之后，1ms之后，它不再是未定义的，图像就会显示出来。
但这是非常恼人的，因为图像在开始时找不到
浏览 17提问于2022-08-10得票数 0
回答已采纳
1回答
当我加载页面数据返回时，我正在使用useQuery从API获取数据，但是当我刷新页面数据时，您知道为什么吗？
const { isLoading, data } = useQuery("page-data", () => {
return api.get(`/landing_pages/204`);
});
useEffect(() => {
console.log("Page data", data); // when I refresh the page its undefined
}, [])
浏览 7提问于2022-04-06得票数 0
1回答
每当状态更改时，我希望useQuery呈现useQuery钩子中的任何选项
`export const Search = ({ navigation }) => {
const [search, setSearch] = useState();
const [dismiss, setDismiss] = useState(false);
const [searchResult, setSearchResult] = useState();
const searchHander = (query) => {
setSearch(query)
setDismiss(t
浏览 5提问于2022-02-24得票数 0
我最近一直在处理一些与钩子相关的问题，因为我一直在我的一个项目中实现钩子。我一直收到错误消息“渲染的钩子比上次渲染的时候多”。 似乎我能让我的代码工作的唯一方法是将useQuery钩子放在所有其他钩子之后。然而，这是一个问题，因为我想用查询数据中的值填充状态的一些值。 // code that doesn't error, but am not able to initialize state with query values
const [url, setUrl] = useState('')
const updateLink = useMutation(LI
浏览 16提问于2019-04-02得票数 10
回答已采纳
1回答
我有一个在onClick上触发的突变。此突变接受一个非可选变量。此变量来自查询。
由于查询可能失败，该变量可能是未定义的，并且类型记录可能会出现抱怨。因此，我的问题是:如果变量未定义，我如何跳过突变？
const { data: myQueryData } = useQuery(GET_MY_QUERY_DATA, {
variables: {
firstVariable: 100
}
})
const myVariable = myQueryData?.getMyQueryData <-- This is "number" | &
浏览 1提问于2020-10-08得票数 2
1回答
我有下面的react组件，它根据购物车中的项从mongodb集合中移除产品。当我运行代码时，我会得到这个错误：
构成部分：
function AddOrder() {
const d = new Date();
let text = d.toString();
const { currentUser } = useContext(AuthContext);
const { data, loading, error } = useQuery(queries.GET_USER_BY_ID, {
fetchPolicy: "network-
浏览 2提问于2022-05-06得票数 0
回答已采纳
我尝试使用useQuery钩子遍历来自graphql响应器的对象数组。 const { loading, error, data } = useQuery(GET_FOLDERS); 如果我对日志数据进行控制台操作，则会得到以下结果 ? 但是，如果我是控制台日志data.Folders.id，我得到TypeError:数据是未定义的，我已经尝试过手动创建一个具有相同值的数组的对象，我可以很好地控制它，而且如果我从使用useQuery改为使用apolloBoost的client.query({query: GET_FOLDERS})，那么它也工作得很好，我只是认为有人可以为我指明正确的方
浏览 21提问于2020-04-27得票数 1
回答已采纳
1回答
我是React Native和Apollo-Client的新手。在我的屏幕上有三个选项卡，每个选项卡都在调用自己的数据。但由于useQuery，UI是完全冻结和提供一个非常糟糕的经验。
还有其他方法可以以异步方式或在任何后台任务中调用useQuery吗？
编辑
function PlayerList(props) {
const [loading , setloading] = useState(true)
const [data, setData] = useState()
const [loadData, { tempLoading, tempError, tem
浏览 0提问于2020-01-21得票数 5
回答已采纳
假设我有一个查询来获取一组电影：
useQuery(['movies'], getMovies)
现在，如果我只想重取一部电影，而不是全部的话，我可以这样写：
useQuery(['movies', movieId], () => getMovie(movieId))
问题是我使用了一个不同的查询键，并且它会复制数据。我会把电影放进我的缓存里两次。
那么，更新获取集合中的单个项的反应查询方式是什么呢？所有使用useQuery(['movies'])的组件都应该在获取单个项时自动更新。
浏览 0提问于2021-03-19得票数 3
回答已采纳
我从包含“标题”和“图像路径”的本地存储中获取数据。
我使用useEffect获取本地存储数据，并将其保存在useState中。
问题是，当第一次呈现页面时，数组是空的，所以我得到了一个错误。我该怎么做呢？
const [category, setCategory] = useState([]);
useEffect(() => {
const getItems = localStorage.getItem("action");
if (getItems) {
const actionFavorites = JSON.parse(getI
浏览 1提问于2022-10-25得票数 -1
2回答
我使用react查询来提取数据，并需要将其存储在状态中，这是因为以后会进行某种形式的编辑。
在编辑表单之前，它运行得很好：
import { useQuery } from '@apollo/client';
import { SINGLE_PARTICIPANT_QUERY } from 'queries/participantQueries';
import { ProfileGeneral } from './ProfileGeneral';
const ProfilePage = ({ id }) => {
const
浏览 15提问于2022-11-28得票数 0
回答已采纳
7回答
我想随时给useQuery打电话，
但是useQuery不能在函数内部运行。
我的尝试代码是：
export const TestComponent = () => {
...
const { data, loading, error } = useQuery(gql(GET_USER_LIST), {
variables: {
data: {
page: changePage,
pageSize: 10,
},
},
})
...
...
const onSaveInformation = as
浏览 0提问于2019-07-10得票数 23
回答已采纳
1回答
我正在尝试使用graphql和apollo来处理数据。
我用graphql创建了API服务器，在官方中用React创建了web服务器
它说我可以像这样获取数据
function Dogs({ onDogSelected }) {
const { loading, error, data } = useQuery(GET_DOGS);
if (loading) return 'Loading...';
if (error) return `Error! ${error.message}`;
return (
<select name="d
浏览 9提问于2019-10-31得票数 0
回答已采纳
尝试在Next.js和React中使用严格的类型记录
还存在这样的问题，即useQuery的返回数据是未定义的。因此，我应该使用useQuery提供数据，而不是null！分配给useState时的运算符
ESlint不喜欢非空类型断言。我知道我可以关掉它..。但我想做严格的类型检查，所以我不想避免这种情况。
我发现的一种方法是使用if语句执行空检查，但是React无法用if语句包装它.
有什么绝妙的方法吗？
我的代码是这样的
const Edit = () => {
const router = useRouter();
const { id } = router.que
浏览 2提问于2022-01-08得票数 0
回答已采纳
2回答
src/another_folder/reactiveVarInitializationFile.js从“@makeVar/client”导入{makeVar}
出口const selectStore = makeVar('')
//my组件
import {Select,Spin} from "antd"
import {selectStore} from "../../reactives/selectStore.RV"
import {useQuery} from "@apollo/client"
import FETCH_S
浏览 8提问于2020-09-14得票数 4
我有这样的疑问：
useQuery(['myquery',{test:1}], fetchFn)
useQuery(['myquery',{test:2}], fetchFn)
useQuery(['myquery',{test:3}], fetchFn)
我想使用myquery观察所有这些查询的数据，而不知道queryKey的其余项。
，正如我所理解的，可以观察多个查询，但我的匹配条件似乎没有涵盖。
const observer = new QueriesObserver(queryClient, [
{ queryKey: ['
浏览 8提问于2022-05-18得票数 0
回答已采纳
我试着用下面的代码一次只执行urql useQuery。但由于某些原因，每次重新渲染时都会调用它。 根据文档https://formidable.com/open-source/urql/docs/basics/queries/#pausing-usequery，这个查询最初应该在渲染时暂停，并且只有在挂载时从React.useEffect调用时才会执行。 const [{ fetching, data, error }, reExecute] = useQuery({
query: INITIAL_CONFIG_QUERY,
pause: true
});
React.useEf
浏览 38提问于2020-07-22得票数 8
回答已采纳
2回答
在strapi服务器上为我的NextJs前端应用程序使用@阿波罗/react()过滤当前日期时间的数据。myComponent在_app.js之后呈现为子组件。
myComponent.js
import { useQuery } from "@apollo/react-hooks";
import { MY_QUERY } from "../apollo/queries/home/home";
export default () => {
let currentDateTime = new Date(Date.now());
let curr
浏览 0提问于2020-02-12得票数 0
我想用钩子执行两个查询，其中第二个查询使用第一个查询中检索的信息。例如：
const { data, error, loading } = useQuery(GET_DOGS);
const result2 = useQuery(GET_BREEDS, { variables: { dogId: data[0].id } });
现在，我使用一些状态并在第二个钩子上设置skip参数，但是我想肯定有一些更简单的解决方案，我可能忽略了吗？
浏览 0提问于2019-04-24得票数 4
1回答
这不会引发任何错误，但我想知道这在GraphQL中是否有效。我使用useQuery并传递一个字符串列表。当然，我想使用useState并传入一个变量，它的值为真假值，它是否在列表中，但由于钩子的规则，我想我不能这样做。因此，我所做的就是使用include指令来查看字符串是否在作为变量传入的列表中。这行得通吗？
query ContentQuery(
$stringList: [String!]!
) {
...welcomeImageFragment
@include(if: "STRING", in: $stringList)
浏览 2提问于2020-07-29得票数 0
回答已采纳
1回答
我有以下reactJS组件结构
<Parent>
<Child1/>
</Parent>
<Parent>
<Child2/>
</Parent>
子函数执行不同的API调用。在完成之前，孩子还没有准备好被渲染。那么有什么办法让我的父显示“等待数据.”并调用子方法来执行API调用。
在子程序中，我希望有一个简单的呈现方法，它不需要检查get调用是否已经完成。
我尝试过两种方法，但都失败了。
尝试调用子程序中的方法而不呈现它。React.Children.map(this.props.children，(
浏览 0提问于2016-07-29得票数 0
当useQuery有参数时，谁能建议我用useMutation更新数据的正确方法是什么？ 让我们假设我们有以下代码： const {data} = useQuery(["key", ["id1", "id2"]], methodWhichTakesThoseIds) 因此，methodWhichTakesThoseIds方法获取["id1", "id2"]并从数据库返回一些数据。此数据是一个对象类型的数组，如SomeModel[]。例如。可能是： [{name: "foo"}, {name:
浏览 99提问于2020-11-03得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
