Material-UI填充图标

时间:2018-06-02 07:23:05

标签: reactjs svg material-design material-ui

我正在以开头的形式添加图标按钮,我想用纯色填充它。

import StarIcon from '@material-ui/icons/StarBorder'
...
<IconButton><StarIcon className={classes.favoricon}/></IconButton>

我查看了图标实现,找不到可以控制它的类(检查代码here)。我可以创建一个单独的svg,但也许有更好的选择

1 个答案:

答案 0 :(得分:1)

我不确定是否有更好的方法。

在组件上创建state,并在单击Component时修改状态。

使用onClick功能切换将组件从StarIcon更改为Star的状态,反之亦然。

&#13;
&#13;
handleChange = () => {
    const value = this.state.value;
    this.setState({ value: !value });
  };
&#13;
&#13;
&#13;

CodeSandBox Demo