如何使用 Apollo Client 在应用程序中的任何位置访问`client` 对象？

Question

我有一个使用 Apollo Client v1 的基本应用程序：

const client = new ApolloClient({...

...

<ApolloProvider client={client}>
   <App />
</ApolloProvider>,

我想知道如何让我的应用程序的其余部分访问client 对象，以便他们可以使用client.query 进行查询？

是导出客户端然后导入另一个文件的唯一方法吗？

由于我的应用程序包含在 ApolloProvider 中，我想可能有一种方法可以使用 Apollo 特定的导入来导入 client？

Answer 1

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

function SomeComponent() {
  const client = useApolloClient();
  // `client` is now set to the `ApolloClient` instance being used by the
  // application (that was configured using something like `ApolloProvider`)
}