import React from 'react';
import { SpeedDial, SpeedDialAction } from '@material-ui/lab';
import { AddIcon, EditIcon, DeleteIcon } from '@material-ui/icons';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      open: false
    };
  }
  
  handleOpen = () => {
    this.setState({ open: true });
  };
  
  handleClose = () => {
    this.setState({ open: false });
  };
  
  handleClick = () => {
    // 处理点击事件的逻辑
  };
  
  render() {
    return (
      <SpeedDial
        ariaLabel="SpeedDial example"
        icon={<SpeedDialIcon />}
        onClose={this.handleClose}
        onOpen={this.handleOpen}
        open={this.state.open}
      >
        <SpeedDialAction
          icon={<AddIcon />}
          tooltipTitle="Add"
          onClick={this.handleClick}
        />
        <SpeedDialAction
          icon={<EditIcon />}
          tooltipTitle="Edit"
          onClick={this.handleClick}
        />
        <SpeedDialAction
          icon={<DeleteIcon />}
          tooltipTitle="Delete"
          onClick={this.handleClick}
        />
      </SpeedDial>
    );
  }
}