在 SlateJS 工具栏中看不到图标

Question

我正在尝试重现Slate Examples中显示的示例。除了工具栏的外观之外，我的编辑器和所有功能都可以正常工作。我导入了“情感”和“反应情感”库。但我没有看到呈现的图标，而是看到文本代替它们：

我在“components.js”中看到下面定义图标的代码：

export const Icon = styled(({ className, ...rest }) => {
return <span className={`material-icons ${className}`} {...rest} />
})`
font-size: 18px;
vertical-align: text-bottom;

` 是否需要导入任何其他库才能显示图标或进行任何其他配置？

Answer 1

您还可以包含材质 ui 图标样式。

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">