我已經看到很多關于在 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 Modal:const [modalOpen, setModalOpen] = React.useState(false);const handleModalOpen = () => { setModalOpen(true);};當我單擊此菜單項時,我希望運行這兩個功能。這兩個功能單獨工作正常。那么我將如何實現這一目標?(目前我只設置了它以便打開模式)<MenuItem onClick={handleModalOpen}>Add Album</MenuItem>基本上我有一個觸發菜單的按鈕,然后單擊其中一個菜單選項應該在關閉菜單時觸發模式。此外,這是一個功能組件。
如何在點擊 ReactJS 時調用兩個箭頭函數
開滿天機
2022-10-21 09:33:41