【问题标题】:<i className='fab fa-instagram'></i> is not showing icon properly<i className='fab fa-instagram'></i> 未正确显示图标
【发布时间】:2019-10-14 19:07:34
【问题描述】:

导入'../node_modules/font-awesome/css/font-awesome.min.css'; 在 index.js 和我的组件文件中导入的模块上方。如何正确显示图标?

【问题讨论】:

    标签: reactjs


    【解决方案1】:

    您的文件是 css 文件而不是 js 文件,因此您需要使用以下行导入它

    <link href="../node_modules/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    

    在你的 html 的 &lt;head&gt; 中(不确定反应,但 AFAIK 你有一个 index.html

    如果这不起作用,请查看 Linking to css files from react index 可能会对您有所帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多