小编Cle*_*til的帖子

如何在 Apollo Client 中使用没有 JSX 组件的 client.query?

我正在尝试使用 React 在 Apollo Client 中进行查询而不返回 JSX 组件,只是一个对象(data向 Apollo Server 进行常见查询时收到的对象)。

我尝试使用<Query />组件,但它返回一个 React 节点,我只需要一个对象。该文档仅解释了在某些时候返回 JSX 组件的方法,当我要做的只是发送请求并在回调中处理响应时。

实际上我正在尝试这种方式(我在 React 中使用 TypeScript):

import React from 'react';
import { withApollo } from 'react-apollo';
import gql from 'graphql-tag';

const MY_QUERY = gql`
  query MY_QUERY {
    myQuery {
      attr1
      attr2
    }
  }
`;

const res = ({ client }: { client: any }) =>
  client
    .query(MY_QUERY)
    .then((data: { data: any }) => data);

withApollo(res);

console.log(res);
Run Code Online (Sandbox Code Playgroud)

有了这个,我正在寻找一个像

{
  "data": {
    "myQuery": …
Run Code Online (Sandbox Code Playgroud)

apollo reactjs graphql react-apollo apollo-client

5
推荐指数
1
解决办法
3552
查看次数

标签 统计

apollo ×1

apollo-client ×1

graphql ×1

react-apollo ×1

reactjs ×1