title: How can I remove this switch case when the React Element name is always the same as the switch variable?
body: <p>What is a more succinct way of writing this. The pageType is always the same as the React element name and I should be able to do away with the switch statement.</p>
  
  <pre><code>import React, {Component, PropTypes} from 'react';
  import Standard from './Standard/Standard';
  import Banners from './Banners/Banners';
  
  export default class ProductPages extends Component {
    static propTypes = {
      pageType: PropTypes.string.isRequired
    }
  
    render() {
  
      let ProductPage;
      switch (this.props.pageType) {
        case 'Standard':
          ProductPage = &lt;Standard products={products}/&gt;;
          break;
        case 'Banners':
          ProductPage = &lt;Banners products={products}/&gt;;
          break;
        default:
          throw new Error('pageType is not valid');
      }
  
      return ProductPage;
    }
  }
  </code></pre>