PromiseStateContainer Usage Example

December 20, 2015 ยท View on GitHub

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)