Material-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})); };