可以在react项目中从不同版本的material-ui / icon添加哪些图标？

Question

我知道如何添加图标，因此这与此处的“如何添加实质性的ui图标进行反应”问题没有重复。

我的问题是如何知道我可以使用哪个图标，具体取决于具体版本，因为在不同的位置添加或删除了不同的图标？

---

图标不起作用的示例，所以想知道是否可用

我以前试图添加一个大拇指向下的图标。这通常是我添加图标的方式

1. 在.jsx文件中，我将添加此导入 import AssignmentIcon from '@material-ui/icons/Assignment';
2. 然后我将添加图标 <AssignmentIcon/>

但是当我尝试添加一个大拇指时，它是行不通的。这是在NPM文件记录不佳的页面中列出的方式 https://www.npmjs.com/package/@material-ui/icons

NPM存储库中提到的链接会导致另一个记录较差的页面，位于https://material.io/tools/icons/?icon=thumb_down&style=baseline

它只是将图标列为thumbs_down

我尝试了以前为我工作的相同模式

import ThumbsDownIcon from '@material-ui/icons/ThumbsDown';
<ThumbsDownIcon/>

---

编辑

后来我意识到自己打错了字。如果可以仅查看项目并根据需要复制并粘贴名称，则可以避免这种情况。因此，为了使我的问题更明确，从NPM安装后在哪里可以找到？

Answer 1

您可以在node_modules\@material-ui\icons中看到本地磁盘上的列表，并且可以在其中找到它们。

---

关于您的特定示例，这只是一个小错字：

是thumb_down而不是thumbs_down。

这有效：

import ThumbDownIcon from '@material-ui/icons/ThumbDown';

<ThumbDownIcon />

---

进一步阅读

Github上的材料UI图标仓库： github.com/mui-org/material-ui/tree/master/packages/material-ui-icons