时间戳

首页 > 解决方案 > React material-ui：如何映射所有图标？

javascript - React material-ui：如何映射所有图标？

问题描述

我想@material-ui/icons在 React 中映射所有内容。

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

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

并显示它

<IconName />



我想导入所有可用的图标

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

并显示它们...类似

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



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

标签： javascriptreactjsmaterial-ui

解决方案

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

AddCircle => add_circle

推荐阅读