Question

我正在使用Material UI，我的目标是制作一个Icon按钮。因此，我尝试了这一点：

import React, { Component } from 'react';
import DoneOutlineSharpIcon from '@material-ui/icons/DoneOutlineSharp';
import IconButton from '@material-ui/core/IconButton'

export class App extends Component {
    render() {
        return (
            <div>
                <IconButton> <DoneOutlineSharpIcon style={{color: "green"}}/> </IconButton>
            </div>
        )
    }
}

此外，我将材料图标添加到index.html中，如下所示：

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

该图标不可见，但是在“元素”中按F12键则显示有一个按钮。

我还是React的新手，所以我做错了一些愚蠢的事情。有人可以告诉我我在这里错过了什么吗？以及如何简单地将图标放入按钮？

React JS-材质用户界面：图标不可见

0 个答案: