小编NaN*_*ine的帖子

点击离开时关闭 material-ui popper

我有一个材质 ui popper,当我使用 ClickAwayListener 在 popper 外部单击时,我试图将其关闭,但我无法让它工作。我在 popper 周围添加了 ClickAwayListener 并尝试在 popper 的内容周围添加它,但没有任何接缝工作。

我对 material-ui 真的很陌生,所以我对如何做到这一点有点迷茫

这是我的代码

const Experiences = memo(
(props) => {
const { className } = props;
const classes = useStyles(props);

const [anchorEl, setAnchorEl] = React.useState(null);

const handleClick = (event) => {
  setAnchorEl(event.currentTarget);
};

// const open = Boolean(anchorEl);
const handleClickAway = () => {
setAnchorEl(false);
};

const experience = (img, title, id, popoverCategory) => (
  <div
    className="experience"
    aria-describedby={id}
    id={id}
    onClick={handleClick}
    onKeyDown={handleClick}
    role="button"
    tabIndex="0"
  >
    <img
      data-sizes="auto" …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs material-ui

5
推荐指数
1
解决办法
4961
查看次数

标签 统计

javascript ×1

material-ui ×1

reactjs ×1