第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在點擊 ReactJS 時調(diào)用兩個箭頭函數(shù)

如何在點擊 ReactJS 時調(diào)用兩個箭頭函數(shù)

開滿天機 2022-10-21 09:33:41
我已經(jīng)看到很多關(guān)于在 React onclick 中調(diào)用多個傳統(tǒng)聲明的函數(shù)的線程,但我很困惑如何使用箭頭函數(shù)來實現(xiàn)它。我有一個名為 handleClose 的函數(shù),它關(guān)閉一個 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 的函數(shù),它打開一個 Material UI Modal:const [modalOpen, setModalOpen] = React.useState(false);const handleModalOpen = () => {  setModalOpen(true);};當(dāng)我單擊此菜單項時,我希望運行這兩個功能。這兩個功能單獨工作正常。那么我將如何實現(xiàn)這一目標(biāo)?(目前我只設(shè)置了它以便打開模式)<MenuItem onClick={handleModalOpen}>Add Album</MenuItem>基本上我有一個觸發(fā)菜單的按鈕,然后單擊其中一個菜單選項應(yīng)該在關(guān)閉菜單時觸發(fā)模式。此外,這是一個功能組件。
查看完整描述

1 回答

?
心有法竹

TA貢獻1866條經(jīng)驗 獲得超5個贊

您可以創(chuàng)建一個內(nèi)聯(lián)箭頭函數(shù),它同時調(diào)用


<MenuItem onClick={(e) => {handleModalOpen(); handleClose(e); }}>Add Album</MenuItem>

或者你可以在外面創(chuàng)建一個函數(shù)并傳遞它的引用


handleClick = (e) => {

  handleModalOpen(); 

  handleClose(e);

}


<MenuItem onClick={handleClick}>Add Album</MenuItem>


查看完整回答
反對 回復(fù) 2022-10-21
  • 1 回答
  • 0 關(guān)注
  • 187 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號