React material-ui：如何在所有图标上进行映射？

Question

我想映射React中的所有@material-ui/icons。

我可以这样导入单个图标

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

并显示

<IconName />

我想导入所有可用的图标

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

并全部显示...

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

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

Answer 1

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

AddCircle => add_circle