Material ui 如何防止材质ui Popover关闭

Material ui 如何防止材质ui Popover关闭,material-ui,Material Ui,当“\u addFilter”或“\u removeFilter”关闭时,如何防止“popover”关闭 功能正在运行。 _addFilter=>将对象添加到“过滤器”列表中 _removeFilter=>从“filterlist”对象中删除对象 当“状态”更改时,“popover”将关闭。我该如何阻止 Popover组件 const [anchorEl, setAnchorEl] = useState(null); const buttonRef = React.useRef();

当“\u addFilter”或“\u removeFilter”关闭时,如何防止“popover”关闭
功能正在运行。

_addFilter=>将对象添加到“过滤器”列表中

_removeFilter=>从“filterlist”对象中删除对象

当“状态”更改时,“popover”将关闭。我该如何阻止

Popover组件

  const [anchorEl, setAnchorEl] = useState(null);
  const buttonRef = React.useRef();
  const {  filters } = useSelector((state) => state.TableReducer);

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

  const _handleClose = () => {
    setAnchorEl(null);
  };

  const _addFilter = () => {
    dispatcher({ type: TABLE_FILTER_ADD });
  };

  const _removeFilter = () => {
    dispatcher({ type: TABLE_FILTER_REMOVE });
  };

  const open = Boolean(anchorEl);
  const id = open ? 'simple-popover' : undefined;

return (

<Popover
    id={id}
    open={open}
    anchorEl={anchorEl}
    onClose={_handleClose}
    elevation={10}
    PaperProps={{ className: classes.popoverPaperProps, }}
    anchorOrigin={{
      vertical: 'bottom',
      horizontal: 'center',
    }}
    transformOrigin={{
      vertical: 'top',
      horizontal: 'left',
    }}
  >

      {
        filters?.map((item) => (
          <Item
            data={item}
            key={item.key}
          />
        ))
      }          

      <div className={classes.action}>
        <div>
          <Button 
            color="primary" 
            className={classes.addButton}
            startIcon={<AddIcon />}
            onClick={_addFilter}
          >
            Add

          </Button>

          <Button 
            color="primary" 
            className={classes.removeButton}
            startIcon={<ClearIcon />}
            onClick={_removeFilter}
          >
            Remove

          </Button>
        </div>

      </div>

  </Popover>
)
const[anchorEl,setAnchorEl]=useState(null);
const buttonRef=React.useRef();
const{filters}=useSelector((state)=>state.TableReducer);
const_handleClick=(事件)=>{
Setancorel(事件当前目标);
};
const_handleClose=()=>{
setAnchorEl(空);
};
常量addFilter=()=>{
调度程序({type:TABLE\u FILTER\u ADD});
};
常量removeFilter=()=>{
调度程序({type:TABLE_FILTER_REMOVE});
};
常量开=布尔值(主播);
const id=打开?“简单popover”:未定义;
返回(
{
过滤器?.map((项目)=>(
))
}          
添加
去除
)
版本: “@material ui/core”:“^4.11.4”, “反应”:“17.0.2”

谢谢你的帮助