react-iconsからのアイコン コンポーネントの名前付きエクスポートに対応する文字列の配列によって定義されているように、からアイコンをインポートしたいと考えていますreact-icons。のアイコンの各ライブラリのケースについて説明しますreact-icons。これは、FontAwesome のケースの例です。
lazy(() => import('react-icons/fa').then(module => ({ default: module.Components[icon]})))
上記のコード スニペットは、名前付きエクスポートを動的にインポートする方法として見つかりました。
これにより、 で指定されたアイコンに対応するコンポーネントが返されることを期待していますicon。たとえば、次のようlet icon = 'FaPhp';
なエラーが発生しています。
TypeError: Cannot read property 'FaPhp' of undefined