Reactjs 从包装器数组allComponents呈现大量组件

我发现自己的处境是，组件的数量开始变得烦人。所以我把它们放在一个包装文件中：

import CreateDatabaseTask from './tasks/CreateDatabaseTask'
import CreateMigrationsTask from './tasks/CreateMigrationsTask'
...

export const allTasks = [
    CreateDatabaseTask,
    CreateMigrationsTask
    ...
]

接下来，在我的任务列表中，我会

import {allTasks} from './tasks/allTasks'

但是在render（）方法中，我不知道如何从allTasks数组填充div

我曾尝试将数组映射到组件中，但不知道如何隐式设置组件名称。

只需映射数组即可

函数一（）{
返回1

}
函数二（）{
返回2

}
常量数组=[1，2]
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
{
array.map（Number=>）
}
);
}
}
render（，document.getElementById（“根”））
谢谢，我收到了大写字母！