Idea for Dataloader component

Dataloader.js

// The `loader` prop is a Dataloader instance
// https://github.com/facebook/dataloader
class Dataloader extends React.Component {
  state = {data: null, isLoaded: false};
  componentWillMount() {
    this.prefetchData(this.props);
  }
  componentWillReceiveProps(nextProps) {
    if (this.props.id !== nextProps.id || this.props.loader !== nextProps.loader) {
      this.setState({isLoaded: false});
      this.prefetchData(nextProps);
    }
  }
  async prefetchData(props) {
    const data = await props.loader.load(props.id);
    this.setState({data, isLoaded: true});
  }
  render() {
    return this.props.render(this.state.data, this.state.isLoaded);
  }
}

// TODO: Support for loader.loadMany, loader.clear

usage.js

function PostContainer {
  return (
    <Dataloader
      loader={postLoader}
      id="123"
      render={(post, isLoaded) => {
        if (!isLoaded) {
          return <Spinner />;
        }
        return <Post post={post} />;
      }}
    />;
  );
}

I'm also confused about it because of this Dan's SO answer and the React docs about cWM and cDM, so not sure what to do in a case like this.