PromiseStateContainer Usage Example

Profile.jsx

import React, { Component, PropTypes } from 'react'
import { connect, PromiseState } from 'react-refetch'
import PromiseStateContainer from './PromiseStateContainer'

export default class Profile extends Component {
  render() {
    const { userFetch, likesFetch } = this.props 
    
    return (
      <PromiseStateContainer
        ps={PromiseState.all([userFetch, likesFetch])}
        onFulfillment={([user, likes]) => {
          return (
            <div>
              <User user={user}/>
              <Likes user={user} likes={likes}/>
            </div>
           )
          }
        }
      />
    )
  }
}

connect((props) => ({
  userFetch:  `/users/${props.userId}`,
  likesFetch: `/users/${props.userId}/likes`
}))(Profile)