☰

React の render() に Font Awesome アイコンを含める方法 質問する

tag-icon • tag-icon reactjs font-awesome
React の render() に Font Awesome アイコンを含める方法 質問する

React で Font Awesome アイコンを使用しようとするとrender()、通常の HTML では機能しますが、結果の Web ページには表示されません。

render: function() {
    return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>;
}

実際の例は以下です:http://jsfiddle.net/pLWS3/

どこに欠陥があるのでしょうか?

ベストアンサー1

あなたがいる場合React JS初心者そして使用React アプリ CLI の作成コマンドを実行してアプリケーションを作成し、次の NPM コマンドを実行して最新バージョンの font-awesome を含めます。

npm install --save font-awesome

font-awesomeをindex.jsファイルにインポートします。以下の行をindex.jsファイルに追加するだけです。

import '../node_modules/font-awesome/css/font-awesome.min.css';

または

import 'font-awesome/css/font-awesome.min.css';

忘れずに使用してくださいクラス名属性として

 render: function() {
    return <div><i className="fa fa-spinner fa-spin">no spinner but why</i></div>;
}

おすすめ記事