如何在 React 中使用 Material UI 图标？

Question

我是 react 新手，正在研究现有的 React 组件。我需要包含一个图标，并注意到一些已经被引入，例如：

 import KeyboardArrowLeftIcon from 'material-ui/svg-icons/action/keyboard-arrow-left';

我找不到文件夹（ material-ui/svg-icons/action/ ），但尝试添加一个新图标：

 import KeyboardArrowRightIcon from 'material-ui/svg-icons/action/keyboard-arrow-right';

但是，这会在编译时产生错误。

有人知道我如何添加新图标吗？或者，为什么这些图标没有明显的导演？

原文由 MeltingDog 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您是否尝试过先安装依赖项。这是 材料图标 的链接

原文由 Deepak Brahmania 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

1. 安装材料图标： npm install @material-ui/core @material-ui/icons

2. 导入您将使用的图标： import MenuIcon from '@material-ui/icons/Menu';

3. 使用图标： <MenuIcon/>

您也可以使用 https://material-ui.com/components/material-icons/ 搜索您需要的图标。

原文由 M Danil Rafiqi 发布，翻译遵循 CC BY-SA 4.0 许可协议