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

Mel*_*Dog 5 reactjs

我是新来的人,正在研究现有的React组件。我需要添加一个图标,并注意到其中已经有一些图标,例如:

import KeyboardArrowLeftIcon from 'material-ui/svg-icons/action/keyboard-arrow-left';
Run Code Online (Sandbox Code Playgroud)

我找不到文件夹(material-ui/svg-icons/action/),但尝试添加一个新图标:

import KeyboardArrowRightIcon from 'material-ui/svg-icons/action/keyboard-arrow-right';
Run Code Online (Sandbox Code Playgroud)

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

谁知道我该如何添加新图标?或者,为什么这些图标没有明显的导演?

小智 12

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

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

  3. 使用图标: <MenuIcon/>

  • 我发现它也与“@material-ui/core”有依赖关系。因此,您还需要运行“npm install @material-ui/core”。 (5认同)

小智 1

您是否尝试先安装依赖项?这是材质图标的链接

  • 这是如何被接受的答案?它应该是一条评论,因为它没有以可用的方式回答。 (2认同)