[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法
2022-03-07 01:21:01
質問
Font AwesomeのアイコンをReactの
render()
通常のHTMLでは表示されるのに、結果のウェブページでは表示されない。
render: function() {
return <div><i class="fa fa-spinner fa-spin">no spinner but why</i></div>;
}
以下は、実際の例です。 http://jsfiddle.net/pLWS3/
故障箇所はどこですか?
解決方法は?
Reactは
className
属性は、DOM と同じです。
開発版ビルドを使って、コンソールを見ると、警告が出ます。 jsfiddleで確認することができます。
<ブロッククオート警告 不明な DOM プロパティクラスです。className のことですか?
関連
-
[解決済み】React 17で動作するEnzymeアダプターはどれですか?
-
[解決済み] ReactJS: Warning: setState(...): 既存の状態遷移の間に更新することはできません
-
[解決済み] Webpack + Babelです。プリセット "es2015 "がディレクトリに相対して見つからなかった
-
[解決済み] ReactjsのEsLintの "react / jsx-props-no-spreading "エラーを無効化する。
-
[解決済み] reactstrapのドロップダウンで選択されたアイテムを設定する方法は?
-
[解決済み] ReactコンポーネントのJest SnapshotテストにおけるSnapshotテストの仕組みとtoMatchSnapshot()関数は何をするのか?
-
[解決済み] React Router - バージョン更新後のwithRouterでTypescriptエラーが発生する。
-
[解決済み】CSSでFont Awesome アイコンを使用する
-
[解決済み】Font AwesomeのアイコンをCSSのコンテンツとして使用する。
-
[解決済み】大きなフォントアウターアイコンでテキストを縦方向にセンタリングする方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Reactコンポーネント内でswitchステートメントを使用するには?
-
[解決済み】Reactを使用したMapBoxのCSSが欠落している件
-
[解決済み】ngrokがReact devサーバーに接続しようとすると、無効なホストヘッダが表示される。
-
[解決済み】プリセットファイルはオブジェクトのエクスポートができない
-
[解決済み】React Propsが定義されていません。
-
[解決済み] React.createElement: type is invalid -- expected a string.
-
[解決済み] Next.jsでWebSocketを利用する
-
[解決済み] React - 予想外のトークン、予想外の;
-
[解決済み] ReactJS - SCRIPT1010: 期待される識別子 - IE11 で本番ビルドが実行されない
-
[解決済み] Static HTML elements with event handlers require a role." を修正するにはどうすればよいですか?