Итак, мне нужно динамическое определение того, какой компонент показать .. так, например. Я имею:

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

  )
}

это отображение может быть огромным, поэтому не выполняется переключение или if / else.

Как я могу получить это, чтобы вернуться в другой компонент?