如何在组件React / React-native中使用单独页面中的dynamic graphql (string

npm install react-apollo graphql-tag

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

// query.js
export const GET_DATA = gql`
  query GetData {
    // Your GraphQL query here
  }
`;

import { GET_DATA } from './query';

const MyComponent = () => (
  <Query query={GET_DATA}>
    {({ loading, error, data }) => {
      if (loading) return <p>Loading...</p>;
      if (error) return <p>Error :(</p>;

      // Access the data returned by the GraphQL query
      console.log(data);

      return (
        // Your component JSX here
      );
    }}
  </Query>
);