DisplayThisStuff.js

import {
  Hero,
  Footer
} from '../../components';
const components = {
  hero: Hero,
  footer: Footer
};
function DisplayThisStuff() {
  /* Ajax call to API to get data 
   Which returns an array to traverse over
   Which contains the module name under the property "module"
  *** Here's some sample data
  {
   "info": [{
   "visible":true
   "module":"hero",
   }, {
   "visible": false,
   "module":"benefits",
   }
  }
  /* Dependent on the "visible" attribute, render the corresponding react component */
  return (
    <Fragment>
      {data.info.map((info, i) => {
        if (info.visible) {
          return React.createElement(components[info.module]);
        } else {
          return;
        }
      })}
    </Fragment>
  );
}
export default DisplayThisStuff