[解決済み] AntD アイコンの色を変更する
2022-03-10 13:38:25
質問
AntDのv4を使用しており、LeftOutlinedを使用するために@ant-design/iconsをインポートしています。
antdのアイコンのドキュメントでは、( https://ant.design/components/icon/ ) fill 属性について、以下のように記載されています。
フィル | svg要素の描画に使用する色を定義します。 文字列 | 'currentColor'
という意味だと思い込んでいたのですが、うまくいきません。
<RightOutlined fill="#4E89FF" />
その代わり、今のところstyle属性を使っていて、うまくいっています。
スタイル | svg 要素の計算されたスタイル。 CSS プロパティ | -
<LeftOutlined style={{color: "#4E89FF"}} />
. .
を誤解していたのでしょうか? フィル 属性は?
どのように解決するのですか?
あなたが参照したドキュメントのそのセクションは、あなたがインポートするカスタムSVGのためのものです。あなたが使おうとしているようなアイコンのAPIは その上 .
関連
-
[解決済み] Webpack + Babelです。プリセット "es2015 "がディレクトリに相対して見つからなかった
-
[解決済み] React-Router 4 キャッチオールルート
-
[解決済み] React - _this2.SetStateは関数ではありません。
-
[解決済み] react jsでウィンドウを開くイベントを処理するにはどうすればよいですか?
-
[解決済み] ReactJs "インバリアント違反..." リアクトの古典的な問題
-
[解決済み] プロップ `history` は `Router` で必須とマークされているが、その値は `undefined` である。
-
[解決済み] AxiosにCORSの問題が発生
-
[解決済み] react-router-domを使用する際に「Function components cannot be given refs」を回避する方法は?
-
[解決済み] React QueryとReduxの主な違いは何ですか?
-
[解決済み] Reactのrender()にFont Awesomeのアイコンを入れる方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Warning.Itが表示されるのはなぜですか?Functions are not valid as a React child?
-
[解決済み] ReactJS giving error Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。
-
[解決済み] useStateプロパティのフックにmap関数を使用する方法
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] Angular 2の*ngForのReactでの同等品
-
[解決済み] react router dom v4でwebpack dev serverを構成する方法は?
-
[解決済み] React - _this2.SetStateは関数ではありません。
-
[解決済み] React JSでは、状態を直接変異させない、setState() react/no-direct-mutation-stateを使用する。
-
[解決済み] axios-mock-adapter onGet mock data not effective.
-
[解決済み] は、gatsby-imageで動作する良いreactのカルーセルコンポーネントはありますか?[って聞かれます。]