Material ui 如何防止材质ui Popover关闭
当“\u addFilter”或“\u removeFilter”关闭时,如何防止“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();
功能正在运行。 _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”
谢谢你的帮助