如何从Apollo设置上下文Http链接访问React上下文

import { ApolloClient, ApolloProvider, InMemoryCache } from '@apollo/client';

const client = new ApolloClient({
  uri: 'http://your-graphql-server-url',
  cache: new InMemoryCache(),
});

function App() {
  return (
    <ApolloProvider client={client}>
      {/* 应用程序的其余部分 */}
    </ApolloProvider>
  );
}

import { useQuery } from '@apollo/client';

const MyComponent = () => {
  const { loading, error, data } = useQuery(GET_DATA_QUERY);

  if (loading) return <p>Loading...</p>;
  if (error) return <p>Error :(</p>;

  return (
    <div>
      {/* 使用从GraphQL服务器获取的数据进行渲染 */}
    </div>
  );
};