关于在next
分支中重新实现material-ui,我注意到显然使用图标的首选方法是从包material-ui-icons
导入组件,其中每个图标都有一个组件。我更喜欢通过 css 类引用组件的通常方式,每个 css 类都应用适当的字体系列和字符代码,a-la 字体很棒。例如,这使得引用图标变得更加容易,而不必为每个图标导入一个组件。这可能吗?
这可以
通过在索引中导入材料设计图标字体来解决.html:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
然后图标可以在 React jsx 代码中呈现,如下所示:
<i class="material-icons">close</i>