Arrays 如何按字符串名称呈现组件

我似乎无法使用名称字符串呈现组件。我希望能够动态生成组件名称字符串，这些字符串具有可以呈现的现有对应组件

数组

常量将通过JSON数据填充，这就是为什么我需要使用

字符串

值来标识组件

以下是我想做的：

import Module1 from './module1';
import Module2 from './module2';
import Module3 from './module3';

const array = ['Module1', 'Module2', 'Module3'];

{array.map((Module, index) =>
 <Module />
)}

从“/Module1”导入模块1；
从“./Module2”导入模块2；
从“./Module3”导入模块3；
常量数组=['Module1'，'Module2'，'Module3']；
{array.map（（模块，索引）=>
)}

React不是引用现有组件并对其进行渲染，而是渲染一个完全小写的自定义元素标记

---

注意：这些组件

['Module1'、'Module2'、'Module3']

创建为

扩展组件

您可以将组件放入对象中，并使用字符串作为键访问它们

import Module1 from './module1';
import Module2 from './module2';
import Module3 from './module3';

const array = ['Module1', 'Module2', 'Module3'];

const modules = {
  Module1,
  Module2,
  Module3,
};

{moduleOrderArr.map((key, index) => {
  const Module = modules[key];
  return <Module />;
})}

从“/Module1”导入模块1；
从“./Module2”导入模块2；
从“./Module3”导入模块3；
常量数组=['Module1'，'Module2'，'Module3']；
常数模={
模块1，
模块2，
模块3，
};
{moduleOrderar.map（（键，索引）=>{
常量模块=模块[键]；
返回；
})}

但是，我不知道组件名称。这一部分怎么能

const modules={Module1，Module2，Module3，}可以是动态的吗？您可以将导入的每个组件放入对象中。您还可以将键设置为组件名称以外的其他内容。啊！好主意。谢谢