hof thunks: A connected component

hof-thunks-connected-component.jsx

import { myEndpoint } from 'my-app/api/thunks';
// ... other sundry imports.

export default compose(
  connect(
    null,
    (dispatch, ownProps) => ({
      getMyResource: dispatch(myEndpoint({
        name: ownProps.name,
        order: 'asc',
      })),
    })
  )
)(class MyResourceDisplay extends PureComponent {
  handleClick(event) {
    event.preventDefault();
    const { result, error } =
    await this.props.getMyResource({
      name: 'foo',
      order: 'asc',
    });
    if (error) {
      this.setState({
        status: 'error',
        lastError: error,
        // not clearing result.
      });
    }
    else {
      this.setState({
        status: 'success',
        hasReceivedBefore: true,
        lastError: null,
        result,
      });
    }
  }
  // ... other componenty stuff here.
});