誰でも私にReact.jsでfontaweomeを使用する例を教えてもらえますか？ 反応フォントをインポートしました。しかし、アイコンはブラウザに表示されません。クラス名がdomに設定されていますが、domに関連付けられたCSSスタイルはありません。私 1に続いてreactaw.omeのfontawesomeアイコンが正しく動作しない
ステップ）NPM反応-fontawesome --saveインストール 2）私のJSファイル内： 輸入FontAwesomeから '反応-fontawesomeを';
あなたは何をする必要があるかreact.jsでのWebPACKを使用している場合は、最初のフォント、素晴らしいをインストールして のWebPACKにローダーを構成し、ローダーでフォントをロードすることです。
{
test: /\.(woff2?|ttf|svg|eot)(\?v=\d+\.\d+\.\d+)?$/,
loader: 'file-loader',
}
試してみてください。
編集：
私は、ただのような他のクラスのように参照するフォント素晴らしいCSSに
import 'font-awesome/css/font-awesome.css'
をインポートする必要があることを言及するのを忘れてしまった：
<span className="fa fa-facebook"></span>
あなたが活用する必要があるかもしれません（例：）。 – fungusanthrax
トップレベルのコンポーネント（アプリケーションまたはページ）では、実際にFontAwesomeのフォントとクラスを取り込むCSSを含める必要があります。それ以外の場合、クラス名は意味を持ちません。だから、あなたのApp.js（例えば）に次のようなものを追加します：import 'font-awesome/css/font-awesome.css'; –
npm経由でインストールした場合、反応がすばらしくないCSSファイルはありません。このためには、ルートファイルにCDNを含める必要があります。しかし、私は反応が素晴らしいnpmとCDNの両方を望んでいません。頭の上にあるかもしれないと思います。 – Sumeet