問題タブ [react-icons]

私は、react を使用した流暢な UI の初心者です (@fluentui/react-northstar 0.47.0)

さまざまな解決策を試しましたが、この結果を解決できませんでした。ここに案内してください。

現在、アイコンにマウスを合わせると塗りつぶされますが、マウスを合わせるかどうかに関係なくアウトラインを維持したいです。

これが私の観察です。Fluent-UIは実行時にアイコンをレンダリングします

このレンダリングは実行時に行われます。CSS で実現しようとしましたが、できませんでした。これについて知っている人は

私はstyled-componentsが初めてで、反応アイコンから <IconContext.Provider> を使用したい これは私の反応コンポーネントです:

これは私のスタイルのコンポーネントコードです:

しかし、うまくいきません！

jsonファイル情報に基づいてコンポーネントをレンダリングする方法は? UL リストをレンダリングするマップがあります。各 Li がレンダリングされます。(私は、img を使用してこれを行うことができ、json ファイルから src={} をオブジェクトとして渡すことができることを知っています。しかし、これを解決する別の方法があるかどうか知りたいです。以下のコード:

三目並べゲームを作成しようとしていますが、残念ながら、switch ステートメントでエラーが発生します。

Expression expected.ts(1109)switch キーワードの下にあるという 5 行目のエラーが表示されます。

この問題が発生した理由と解決方法を教えてください。