Render React Component von einem Import zu einer Variablen zugewiesen .. wie?

Question

Feb 10, 2016, 11:35 PM

Render React Component von einem Import zu einer Variablen zugewiesen .. wie?

Also, ich muss dynamisch bestimmen, welche Komponente angezeigt werden soll. Zum Beispiel. Ich habe

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

  )
}

dieses Mapping könnte sehr umfangreich sein und daher keinen Wechsel oder if / else ausführen.

wie bekomme ich das in einer anderen Komponente zurück?