【问题标题】:React Toolbox icon displays as alternate textReact Toolbox 图标显示为替代文本
【发布时间】:2017-08-18 10:08:44
【问题描述】:

我正在尝试使用带有图标的按钮。

<Button icon="add" floating accent mini />

我尝试在不同的组件中使用图标。什么都没解决。

&lt;FontIcon value='add' /&gt;

以上代码也呈现为文本。

【问题讨论】:

    标签: reactjs react-toolbox


    【解决方案1】:

    React Toolbox 假定您正在导入 Roboto 字体和 Material Design 图标。

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

    &lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Roboto:400,500,700" /&gt;

    【讨论】:

      【解决方案2】:
      import {Button, IconButton} from 'react-toolbox/lib/button';
      
      <IconButton icon="add" floating accent mini />
      

      这是一个完整的参考:http://react-toolbox.com/#/components/button

      【讨论】:

      • 我已经添加了相关的导入。如果导入按钮的这个问题不会被呈现。
      • 我不确定你的意思。如果您告诉我上述更改的错误是什么,我可能会帮助您。
      猜你喜欢
      • 1970-01-01
      • 2023-02-13
      • 2018-06-18
      • 1970-01-01
      • 1970-01-01
      • 2021-06-01
      • 2011-10-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多