我有一个材质 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)