Então, eu preciso determinar dinamicamente qual componente mostrar .. então, por exemplo. Eu tenho:

import Component1 from '..somepath/Component1'
import Component1 from '..somepath/Component2'

var P = {
   red: Component1,
   blue: Component2
}

render() {
  var newComponent = P[color];
  return (
     <newComponent /> // not working
     {newComponent} // not working
    newComoponent // not working

  )
}

esse mapeamento pode ser enorme, portanto, não é necessário alternar ou se / mais.

como faço para que isso retorne em outro componente?