因此,例如,需要动态确定要显示的组件。我有:
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。
如何获得此结果以返回另一个组件?
根据约定,组件名称必须以首字母大写:
render() { var NewComponent = P[color]; return ( <NewComponent /> ); }
参考文献: