如何使用 react-toolbox 图标答案

【问题标题】：How to I make use of react-toolbox icons如何使用 react-toolbox 图标
【发布时间】：2017-09-26 06:11:09
【问题描述】：

我在我的项目中使用react-toolbox。

我已经尝试了它的一些功能，即图标按钮。现在我需要一个带有arrow-up 图标的按钮。我不知道它是否由 react-toolbox 提供。

<Button icon='arrow-up' floating />

上面的代码没有在按钮上显示任何图标

如何使用arrow-up 图标？任何帮助表示赞赏

【问题讨论】：

【解决方案1】：

React Toolbox 是一组实现 Google's Material Design specification 的 React 组件。

Roboto 字体和 Material Design 图标

React Toolbox 假定您正在导入 Roboto 字体和材质设计图标。

为了为您导入字体，我们需要将它们包含在 CSS被认为是一种不好的做法。如果你不包括他们在您的应用中，转到链接的网站并按照说明进行操作。

由于它使用material-icon，你可以从material icons

获取所有图标列表

对于您将使用的向上箭头图标

 <Button icon='keyboard-arrow-up' floating />

【讨论】：

感谢您的回答。对于临时解决方案，我从 material-icon 下载了 svg 图标并将它们包含在我的项目中。但是，我以为我安装 react toolbox 时已经下载了一些图标，所以我不必再次从 material-icon 下载图标。 cmiiw.

【解决方案2】：

如果您遇到图标不显示的问题，您可能忘记在 .html 文件中添加以下链接：

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

【讨论】：