如何在点击时切换MaterialUI图标

npm install @material-ui/core @material-ui/icons

import AddIcon from '@material-ui/icons/Add';
import RemoveIcon from '@material-ui/icons/Remove';

constructor(props) {
  super(props);
  this.state = {
    isAddIcon: true // 默认为true，表示显示add图标
  };
}

render() {
  const { isAddIcon } = this.state;

  return (
    <div>
      {isAddIcon ? <AddIcon /> : <RemoveIcon />}
      <button onClick={this.handleIconClick}>切换图标</button>
    </div>
  );
}

handleIconClick = () => {
  this.setState(prevState => ({
    isAddIcon: !prevState.isAddIcon
  }));
}