1. 首页
  2. 问题
  3. 渲染从导入分配给变量的React组件..如何？
小编典典

渲染从导入分配给变量的React组件..如何？

reactjs

因此，例如，需要动态确定要显示的组件。我有：

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。

如何获得此结果以返回另一个组件？


阅读 246

收藏
2020-07-22

共1个答案

小编典典

根据约定，组件名称必须以首字母大写：

render() {
  var NewComponent = P[color];
  return (
     <NewComponent />
  );
}

参考文献：

2020-07-22