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>;
}