Apollo的使用似乎根本没有执行，我该如何打开调试语句或Apollo Client的内容？

Question

我使用apolloprovider根据文档配置了Apollo客户端，以便我可以在嵌套组件中使用useQuery。当我使用apolloclient提供的查询时，该查询提供给apolloprovider，即：

apolloClient.query({query, variables});

查询工作正常。但是，在树下的屏幕上，我有以下内容：

export default function SomeScreen({ route }: RouteProps) {
  ...
  let query: DocumentNode;
  switch (route.params.someParam) {
    case 'A':
      query = someQuery1;
      break;
    ...
    default:
      query = someQueryX;
  }

  const {loading, error, data} = useQuery<{myData: SomeType[]}, QueryArgTypes>(
    query,
    {variables}, //assigned elsewhere but they're constant
  );

  if (loading) return <Text>Loading</Text>
  if (error) return <Text>Error</Text>
  return (
    <FlatList
      data={data?.myData}
      renderItem={({ item }) => (<SomeComp elem={item} />)}
      keyExtractor={(item) => (
        item._id!.toString()
      )}
    />
  );
}

但是，在这种情况下，如果（加载）分支始终是正确的。此外，实例化apolloclient是我正在从事的项目的一部分时，我使用的uri是。当我的Query执行时，我能够将其设置为暂停执行，并且根本无法达到我设置的任何断点。因此，据我所知，usequery甚至都不试图执行查询（从不到后端），但我没有对正在发生的事情进行任何描述。有人知道会发生什么吗？一些相关的依赖性是：

"react": "17.0.1",
"react-native": "0.64.3",
"@apollo/client": "^3.6.2",

Answer 1

老实说，我不知道这个问题可能是什么，但是以下是一个示例，因此您可以确保客户的适当设置：

client.js

const httpLink = createHttpLink({
  uri: URL_GRAPHQL,
});

const authLink = setContext( async (_, { headers })  => {

  const token = await getTokenService()
    
  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : "",
    }
  }
});

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache()
});


export default client

app.tsx

import React from 'react';
import { StatusBar } from 'react-native';
import { ApolloProvider } from '@apollo/client';

import AppRouter from './src/routes/AppRouter';
import client from './src/graphql/client';

export default function App() {

  return (
                
    <ApolloProvider client={client}>
      
      <StatusBar barStyle='light-content'/>
      <AppRouter />
      
    </ApolloProvider>
    
    
  );
  
}

儿童组件：

const ListScreen : React.FC<IProps> = ( { route } ) => {
  
  let listId                              = route.params.listId;
  const styles                            = useStyles()
  const { loading, error, data, refetch } = useQuery<ListResponse>(GET_LIST_ById, { variables: { listId } });
  
  return (
     <view>
     </view>
  )
  
  }

Answer 2

显然这是一个已知的错误。如果其他任何人都遇到这一点，升级到Beta为我解决了问题：

'loading'在用“ usequery”加载数据时，使用'apolloclient'在react-native 中仍然是正确的