0
私はメニューを動的に生成していますが、アイコン名は設定の1つです:明示的にインポートすることなくアイコンを動的に呼び出す方法はありますか?アイコンをその名前でdinamically作成するには?
let { name, icon } = menuEntry;
<ListItem primaryText={name} leftIcon={what here?} />
私はメニューを動的に生成していますが、アイコン名は設定の1つです:明示的にインポートすることなくアイコンを動的に呼び出す方法はありますか?アイコンをその名前でdinamically作成するには?
let { name, icon } = menuEntry;
<ListItem primaryText={name} leftIcon={what here?} />
私のプロジェクトの一つで、私は次のようしている:
import * as Icons from 'material-ui/svg-icons';
をして、私はこの
let Icon = Icons[iconName];
return (
<Icon />
);
iconNameのようにそれをしたい任意のアイコンを使用することができますが、有効なアイコンである必要があります名。 あなたの例では、次のようになります。
このソリューションは、ツリーの揺れを防ぎますか?ありがとう! :) –
私はこのケースでは、すべてのアイコンをインポートしていると思います。あなたのインポートツリーへの参照があれば適用されません。(すべてのアイコンは最終バンドルに含まれます) – Mateusz
doh!その後、それはno-goです... svgアイコンは〜4MBです:( –