title: Multiple Relay fragments in one React component?
body: <p>This is example from the <a href="https://facebook.github.io/relay/docs/fragment-container.html" rel="nofollow noreferrer">docs</a>. The problem is, what if I also need some other data in my TodoItem component that is completely on a different location in the data graph and can't come through Todo->TodoItem chain.</p>
  
  <pre><code>class TodoItem extends React.Component {
    render() {
      const item = this.props.data;
  
    }
  }
  module.exports = createFragmentContainer(
    TodoItem,
    graphql`
      fragment TodoItem on Todo {
        text
        isComplete
      }
    `,
  );
  </code></pre>
  
  <p>It seems that Relay/GraphQL demands that the view is composed in the same hierarchy as the data model. Is there a way for a component to access other fragments? I don't know, something like this:</p>
  
  <pre><code>module.exports = createFragmentContainer(
    TodoItem,
    graphql`
      fragment TodoItem on Todo {
        text
        isComplete
      }
    `,
    graphql`
      fragment FriendItem on Friends {
        name
      }
    `,
  );
  </code></pre>