在子视图中获取apollo客户端以手动使用查询

Question

我刚刚使用react native，我没有在我的应用程序中得到有关Apollo客户端使用的信息。我无法理解如何使用客户端向我的graphql api发出请求。这是我的应用程序。js文件。

import React from 'react';
import { ApolloProvider, Query } from 'react-apollo';
import Client from './src/Network/client';
import AppContainer from './src/Navigation/navigator';

export default class App extends React.Component {

 constructor(props) {
    super(props);
    this.client = new Client().createClient();
}

render() {
    return (
        <ApolloProvider client = {this.client}>
            <AppContainer/>
        </ApolloProvider>
    );
}
}

因此，我的AppContainer是一个基本的堆栈导航器。我已经读到，我应该使用来自react apollo的组件查询，但我想对我的查询进行更多的“控制”，并在可能的情况下手动使用它们。我希望在导航器的子视图中有类似的功能，可以执行以下操作：

function getUserInfo() {
  client.query({MyGraphQuery})... ;
}

如何表演这一招？

提前感谢

Answer 1

我不是百分之百的肯定。我自己从来没有这样做过。但我相信你必须这样做。。。

function async getUserInfo() {
  return await client.query(MyGraphQuery);
}

1. 我使函数异步

希望这有帮助。