在clickAway上关闭material-ui弹出器

import React, { useState } from 'react';
import { Button, ClickAwayListener, Popper } from '@material-ui/core';

const ExampleComponent = () => {
  const [open, setOpen] = useState(false);

  const handleClickAway = () => {
    setOpen(false);
  };

  const handleButtonClick = () => {
    setOpen((prevOpen) => !prevOpen);
  };

  return (
    <ClickAwayListener onClickAway={handleClickAway}>
      <div>
        <Button onClick={handleButtonClick}>Toggle Popper</Button>
        <Popper open={open}>
          {/* Popper内容 */}
        </Popper>
      </div>
    </ClickAwayListener>
  );
};

export default ExampleComponent;