我有一個準備好的彈出視窗。但我只希望在單擊選單中的“將我的保單發送到我的電子郵件地址”項時打開它。我該怎么做？
<AS.Menu
id="long-menu"
MenuListProps={{
'aria-labelledby': 'long-button',
}}
anchorEl={anchorEl}
open={open}
onClose={handleClose}
>
{[
'View PDF', // Menu item
'Send my policy to my email address', // Menu item
'Cancel my policy', // Menu item
].map((option) => (
<AS.MenuItem key={option} onClick={handleClose}>
{option}
</AS.MenuItem>
))}
</AS.Menu>
uj5u.com熱心網友回復：
選項之一是將單擊的選項傳遞給handleClose方法，如下所示：
<AS.Menu
id="long-menu"
MenuListProps={{
'aria-labelledby': 'long-button',
}}
anchorEl={anchorEl}
open={open}
onClose={handleClose}
>
{[
'View PDF', // Menu item
'Send my policy to my email address', // Menu item
'Cancel my policy', // Menu item
].map((option) => (
<AS.MenuItem key={option} onClick={() => handleClose(option)}>
{option}
</AS.MenuItem>
))}
</AS.Menu>
然后，在 handleClose 方法中，您可以驗證單擊的選項是否是您想要的選項：
const handleClose = (option) => {
if (option === 'Send my policy to my email address') showPopup();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/485323.html
標籤：javascript 反应 反应式
上一篇：根據條件將值列印到螢屏上