Значок заполнения материала 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({ value: !value });
  };

CodeSandBox Demo