Javascript 什么'；将React组件导出为数组的最干净的方法是什么？

这段代码很有效，但我想知道是否有办法清理它

我正在创建一个SVG模式库，并希望创建一个仪表板，列出每个模式，非常类似于。每个模式都是React组件，我将它们作为数组从

index.js

文件导出：

从“/FirstPattern”导入FirstPattern；
从“/SecondPattern”导入SecondPattern；
从“/ThirdPattern”导入第三种模式；
从“/FourthPattern”导入第四个模式；
从“/FifthPattern”导入第五个模式；
从“/SixthPattern”导入第六个模式；
//…还有大约100多个。。。
导出默认值[
第一种模式，
第二种模式，
第三种模式，
第四种模式，
第五种模式，
第六种模式，
//…还有大约100多个。。。
];

这使我可以在仪表板上映射它们：

从“/patterns”导入模式；
函数PatternDashboard（）{
const[color，setColor]=useState（“#ff0000”）；
const[background，setBackground]=useState（“000000”）；
返回(
{patterns.map（（Pattern，id）=>(
))}
)
}

---

是否有一种更清洁的方法来构造我的<代码>索引？JS< /Cult>文件，所以它不是那么重复吗？

< P>只是对不做数组的一个推论是考虑从'/.Pult' < /Cord>中做一个<代码>导入*>模式，然后您不必在索引文件中列出两次：

export { default as FirstPattern } from './FirstPattern';
export { default as SecondPattern } from './SecondPattern';
...

---

（评论太长，我知道这不是答案）。

如果将导入设置为数组，则不会。

import * as patterns from './patterns';

Object.keys(patterns).... // (or Object.values/Object.entries)