Post.jsx

import React from 'react';
import { GQLQuery } from './GQLQuery.js';

@GQLQuery
class CommentsAndLikes extends React.Component {
  static queries = {
    commentAndLikes() {
      return `
        likes {
          id,
          user {
            id
          }
        },
        comments {
          id,
          user {
            id,
            username,
            avatar_url
          }
        }`;
    }
  }
  
  render() {
    return (
      // render function implementation
    );
  }
}

class Post extends React.Component {
  
  static queries = {
    main() {
      return `
        post(journal: <journal>, post: <post>) {
          id,
          title,
          slug,
          author {
            username
          },
          journal {
            slug
          },
          ${CommentsAndLikes.getQuery('commentsAndLikes')}
        }`;
    }
  }
  
  render() {
    return (
      <div>
        <div>
          {/* Post page layout, title only for now */}
          {this.props.data.getIn(['post', 'title'])}
        </div>
        <CommentsAndLikes comments={this.props.data.getIn(['post', 'comments'])} likes={this.props.data.get(['post', 'likes'])} />
      </div>
    );
  }
}