如何更改material-ui中IconButton的设计？

Question

Material-ui 为我们提供了一个默认的图标按钮。但是，我想将默认图标按钮的设计更改为：IconButton design needed

我可以知道如何更改它吗？ 谢谢你。

Answer 1

根据these docs（有关详细说明，请参阅它们），IconButton 将适用于任何图标found here。您链接的图像看起来最像menu。用法示例：

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

class App extends Component {
  render() {
    return (
      <IconButton>
        <Menu/>
      </IconButton>
    );
  }
}

export default App;

如果您使用 create-react-app 并想使用自定义 SVG，请执行以下操作：

import React, {Component} from 'react';
import IconButton from '@material-ui/core/IconButton';
import CustomMenu from './custom_menu.svg'; // root of src

class App extends Component {
  render() {
    return (
      <IconButton>
        <img src={CustomMenu}/>
      </IconButton>
    );
  }
}

export default App;