https://www.apollographql.com/docs/react/essentials/queries.html

apollo.js

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

const TodoApp = ({ loading, error, data: { todos, refetch }, ...props }) => {
    if (loading) return <p>Loading...</p>;
    if (error) return <p>Error :(</p>;
    return (
        <div {...props}>
            <button onClick={() => refetch()}>Refresh</button>
            <ul>{todos && todos.map(todo => <li key={todo.id}>{todo.text}</li>)}</ul>
        </div>
    );
};

export default graphql(gql`
    {
        todos {
            id
            text
        }
    }
`)(TodoApp);

// VS 

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

export default props => (
    <Query
        query={gql`
            {
                todos {
                    id
                    text
                }
            }
        `}
    >
        {({ loading, error, data: { todos, refetch } }) => {
            if (loading) return <p>Loading...</p>;
            if (error) return <p>Error :(</p>;
            return (
                <div {...props}>
                    <button onClick={() => refetch()}>Refresh</button>
                    <ul>{todos && todos.map(todo => <li key={todo.id}>{todo.text}</li>)}</ul>
                </div>
            );
        }}
    </Query>
);