reactjs - 我在哪里可以找到 react-bulma-components 的可用图标？

Question

我正在使用 Bulma 框架学习 React，我安装了 react-bulma-components，我想添加一些图标。为此，我从“react-bulma-components/lib/components/icon”导入了 Icon，然后使用了该组件。它工作正常，但 Icon 组件接收一个图标属性，它是所需图标的字符串，我想知道要使用的可用图标是什么。我找到了几个例子 here但我不知道在哪里可以找到其他可用的图标。现在我正在寻找垃圾桶或删除图标。

Answer 1

在您的代码中导入字体 awesome，然后获取与您希望使用的图标相关的字符串。这是供您引用的链接
https://fontawesome.com/v4.7.0/icon/trash

import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import Icon from 'react-bulma-components/lib/components/icon';
import faUserPlus from '@fortawesome/fontawesome-free-solid/faUserPlus';

<Icon>
            <FontAwesomeIcon icon={faUserPlus} />
</Icon>