我看到很多关于在React onclick中调用多个传统声明函数的线程,但我不知道如何使用箭头函数来实现。我有一个名为handleClose的函数,用于关闭Material UI菜单:
const [open, setOpen] = React.useState(false);
const anchorRef = React.useRef(null);
const handleClose = (event) => {
if (anchorRef.current && anchorRef.current.contains(event.target)) {
return;
}
setOpen(false);
};
我有一个名为handleModalOpen的函数,用于打开一个 Material UI 的模态框:
const [modalOpen, setModalOpen] = React.useState(false);
const handleModalOpen = () => {
setModalOpen(true);
};
当我点击此菜单项时,我希望两个功能都能运行。这两个功能分别独立运行正常。那么我该如何实现?(当前只设置弹出模态框)
<MenuItem onClick={handleModalOpen}>Add Album</MenuItem>
基本上,我有一个按钮来触发菜单,然后点击菜单选项中的一个应该触发一个模态框,并关闭菜单。此外,这是一个功能组件。