ReactJS/Graphql:如何导出查询以在其他组件中使用？

npm install react-apollo

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

const GET_USERS = gql`
  query {
    users {
      id
      name
      email
    }
  }
`;

const UserList = ({ data }) => {
  if (data.loading) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      {data.users.map(user => (
        <div key={user.id}>
          <h3>{user.name}</h3>
          <p>{user.email}</p>
        </div>
      ))}
    </div>
  );
};

export default graphql(GET_USERS)(UserList);

import React from 'react';
import UserList from './UserList';

const UserProfile = () => {
  return (
    <div>
      <h2>User Profile</h2>
      <UserList>
        {({ data }) => {
          if (data.loading) {
            return <div>Loading...</div>;
          }

          const user = data.users.find(user => user.id === '123');
          return (
            <div>
              <h3>{user.name}</h3>
              <p>{user.email}</p>
            </div>
          );
        }}
      </UserList>
    </div>
  );
};

export default UserProfile;