Material-UI 填充图标

Question

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

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

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

Answer 1

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

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

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

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