在react js中切换字体awesome图标

文章/答案/技术大牛

发布

2回答

javascript、reactjs、react-redux

我是react js.新手，我有一个组件，我在其中显示一个图标， import React, { Fragment } from 'react'; )export default Sorting; 现在，我想要做的是，当有一个down类时，它是降序的，如果用户再次单击图标</e

浏览 26提问于2019-04-05得票数 0

17回答

如何在React的呈现()中包含字体图标

reactjs、font-awesome

每当我试图在React的render()中使用字体图标时，它就不会显示在生成的网页上，尽管它在正常的HTML中工作。

浏览 3提问于2014-04-16得票数 130

回答已采纳

13回答

react-fontawesome不显示图标

reactjs、font-awesome

我正在尝试使用react-fontawesome，并在我看来与自述文件完全相同的方式实现它：import FontAwesome from 'react-fontawesome</div> }但我在DOM中看不到图标。我尝试在开发工具的"edit as HTML“中将<span>...</sp

浏览 0提问于2017-03-01得票数 30

2回答

向我的react应用程序添加字体超赞的图标

reactjs

嘿，我刚开始使用React，所以我通过npm下载了font awesome，并在App.js中导入了font-awesome.min.css文件下面是两个代码 <i className="fa fa-spinner fa-spin&quo

浏览 3提问于2019-05-13得票数 2

回答已采纳

3回答

如何在不使用任何第三方库的情况下在react原生项目中使用Font Awesome？

android、react-native、font-awesome

我想在我的用于android的react原生项目中使用Font Awesome图标。我想手动完成它，而不使用任何第三方库，如react-native-vector-icons或其他。

浏览 0提问于2017-08-27得票数 9

回答已采纳

2回答

在React应用程序中，哪里是放置字体令人敬畏文件的合适位置？

reactjs、font-awesome

我下载了最新的font-awe4.7，并将文件解压到react应用程序的公共文件夹中。我把它像这样的<link href="./fontawesome/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">链接到index.html中。我应该这么做吗？或者我应该将这些文件放在src目录下的a文件夹中？我从来都不太明白我应该把什么

浏览 0提问于2017-11-18得票数 1

6回答

如何将FontAwesome 5 Pro与React集成？

reactjs、font-awesome、font-awesome-5

有人能建议我如何将FontAwesome 5 Pro与React集成在一起吗？我知道有包@fortawesome/free fontawesome，例如@fortawesome/fontawesome正则的，但是有什么方法可以包含图标的pro版本吗？当我登录到FontAwesome网站，我可以下载亲版本的JS，但我想这是没有用的反应。

浏览 0提问于2018-03-16得票数 10

回答已采纳

1回答

如何在我的反应本机应用程序中使用方框图标？

react-native、font-awesome

我尝试使用字体Awesome图标在我的反应-本机应用程序。import { FontAwesomeIcon } from '@fortawesome/react-fontawesome//App.js class App ext

浏览 2提问于2019-01-15得票数 3

2回答

用类名代替组件的图标。

reactjs、font-awesome、react-icons

是否有一种方法可以将我的图标指定为字符串，例如类名？<FaArrowLeft/>是否有任何方法可以获得类名而不是使用组件？

浏览 8提问于2022-03-27得票数 0

5回答

如何在盖茨比中使用像字体这样的图标

javascript、reactjs、gatsby

我想在我的盖茨比项目中使用字型图标。我想包括字体可怕的CDN。只是把它包含在脚本标签中是行不通的。我想我需要用import ... from '..

浏览 4提问于2017-10-19得票数 27

回答已采纳

1回答

字体令人敬畏的图标:通用基线

html、css、svg、font-awesome

我正在使用Font Awese5.0.10 (SVG + JS)来渲染一些社交媒体图标。如果我使用平方版本，它们都共享一个共同的基线，因此是对齐的，但非平方版本不是这样的，正如您可以通过查看svg框和路径之间的距离来查看如下图标所示：我不是SVG专家，所以我正在尝试了解是否有一些简单的方法来限制较低的空白空间，从而使所有图标都对齐到共同的基线。

浏览 2提问于2018-04-17得票数 1

2回答

为什么字形在“`FontIcon`”中不起作用？

c#、xaml、winui-3

我已经将FontAwesome 6添加到我的应用程序中，并希望使用图标。我的资产文件夹中有OTF文件：我想更改NavigationViewItems的默认符号(图标)。然而，我添加了FontIcon，而不是图标，我看到的只是空框：我要添加的图标是：<NavigationViewItem Content="Home" Tag="homePageView:Name="homeViewItem"> <

浏览 12提问于2022-11-16得票数 0

回答已采纳

4回答

FontAwesome旋转器不会在反应中旋转

reactjs、font-awesome

我用npx create-react-app创建了一个React应用程序。然后按照这些指示 npm i @fortawesome/fontawesome-svg-core然后，我将App.js更改为：

浏览 9提问于2020-10-24得票数 9

回答已采纳

2回答

已下载fontawesome 5.7.2，但无法在我的React项目中使用

reactjs、icons、font-awesome

所以我真的很困惑如何在我的React项目中使用Fontawesome的专业图标。So many folders!!! -_-

浏览 37提问于2021-09-28得票数 0

1回答

用R中的addDrawToolbar绘制传单地图上的额外标记

r、shiny、leaflet

我在传单地图上添加了一个工具栏，使非编码者可以很容易地绘制标记。为此目的，我使用以下R包:传单，leaflet.extras和闪亮。我有几个问题： 1)我添加了markerOptions (见下文)来定义红叶的图标。据我所知，你只能有一个选择。我的意思是，没有办法让一个非编码器选择从几个图标，你定义了与我一样的方式。2)在左下角单击样式编辑器以编辑叶图标(见下文)后，它切换回其固有的图标池，并将您要编辑的叶图标转换为该池中的第一个图标

浏览 1提问于2018-10-02得票数 8

回答已采纳

1回答

点击图标(或任何字体超赞的图标)颜色。

css、angularjs、font-awesome

我在屏幕上有多个字体超赞库的大拇指图标。我想切换点击的图标的颜色。liked{} color:#888;<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.

浏览 3提问于2016-09-05得票数 0

回答已采纳

3回答

React.js未呈现正确的字体很棒的图标

javascript、html、css、reactjs、font-awesome

我在react.js中遇到了字体很棒的图标的问题。在这里，我想使用条件运算符呈现不同的图标。我能够正确地看到span标签渲染的值，但看不到字体可怕的图标。图标链接常规：class Hello extends React.Component {

浏览 0提问于2018-04-27得票数 2

1回答

在图标之间切换字体令人惊叹

javascript、vue.js、toggle、font-awesome

我在Vuejs的同一个按钮中使用了两个字体很棒的图标。现在，我想要做的是在单击时更改图标，并在再次单击时切换回来。myFunction(this)" id="toggle_icon" class="action-button" v-b-tooltip.hover title="Cells Comparison"> <font-awesome-icon:icon="['

浏览 0提问于2021-05-12得票数 0

3回答

来自React本机元素/fontAwesome的图标没有显示

react-native、icons、react-android、react-native-vector-icons、react-native-elements

我正在为我的安卓应用程序中的抽屉项目和headerLeft.But图标设置图标，我正在使用headerLeft.But库在我的代码中使用图标。图标类型是字体-太棒了。我特别提到了图标的类型。MainComponent.jsimport Menu from '.createDrawerN

浏览 5提问于2018-12-23得票数 4

回答已采纳

5回答

在React JS中使用font-awesome

reactjs、npm、font-awesome

我是React JS的新手，我正在尝试将字体添加到我的项目中。我已经安装了Node.js和npm。fortawesome/fontawesome-svg-core$ npm i --save @fortawesome/react-fontawesome现在，我应该在index.js中做什么才能访问这些包中的所有字体<

浏览 1提问于2020-06-23得票数 1

点击加载更多