材质 UI 填充图标

Question

我正在以开始的形式添加图标按钮，我想在单击时用纯色填充它。

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

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

Answer 1

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

在组件上创建一个state，并在单击组件时修改状态。

使用onClick函数切换将组件从StarIcon更改为Star的状态，反之亦然。

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