在组件和生命周期中使用apollo客户端-React GraphQL

时间:2019-07-07 06:13:17

标签: reactjs graphql react-apollo apollo-client

我搜索了很多有关apollo客户端的信息,并找到了解决方案。

const client = new ApolloClient({
  link: createUploadLink({
    uri: `${MyAPI}`,
    headers: {
      "Authorization": `Bearer ${token}`
    }
  }),
  cache: new InMemoryCache()
});

,并在我的输入应用程序index.js中 我配置了apollo客户端:

let render = () => {
    const MainApp = require('./App').default;
    const AppWithClient = withApollo(MainApp);

    ReactDOM.render(
      <ApolloProvider client={client}>
        <AppWithClient />
      </ApolloProvider>,
      rootEl
    );
  }

所以我想我必须通过defualt在所有子组件中都有 client ? 但是我的子组件中什么也没有。是的,我可以在render()的组件中使用此客户端。但是我的主要问题是:

  1. 如何在诸如 ComponentDidMount()之类的生命周期中从graphql查询?
  2. 假设甚至我都提取了数据并存储到我的状态。如何再次使用gql获取更多数据,例如按钮中的某些事件以进行分页?

我在这里想念东西吗?

0 个答案:

没有答案