ReactCasts #1

LoaderHOC.js

import React, { Component } from 'react';

// Returns an empty "loader" div if empty, 
// Return unchanged WrappedComponent if not empty
const LoaderHOC = (WrappedComponent) => {
  return class LoaderOC extends Component {
    render() {
      return (!this.props.question)
        ? <div className='loading'></div>
        : <WrappedComponent {...this.props} />
    }
  }
}
      
export default LoaderHOC;