反应 material-ui：如何对所有图标进行 map？

Question

我想在 React 中的所有@material-ui/icons上 map。

我可以像这样导入单个图标

import IconName icons from '@material-ui/icons/IconName'

并显示它

<IconName />

我想导入所有可用的图标

import * as icons from '@material-ui/icons';

并显示它们...类似

icons.map(Icon => <Icon />)

任何其他方式也可以，我只是不想存储所有图标代码的 static 字典。

Answer 1

您必须将每个图标的名称转换为 underscore_case 并将其放在来自“@material-ui/core/Icon”的图标标记之间。

AddCircle => add_circle