dynamically_rendering_components4.js

render () {
  const { data, renderAs } = this.props
  const types = {
    listing: JobListing,
    heading: JobHeading,
    card: JobCard
  }
  const component = types[renderAs] // this one will NOT work
  const $component = types[renderAs] // this one WILL
  return (
    <div>
      <component data={data} />
      <$component data={data} />
    </div
  )
}