单击菜单中的文本时弹出窗口打开

Question

我有一个现成的弹出窗口。但我只希望在单击菜单中的“将我的政策发送到我的电子邮件地址”项时打开它。我该怎么做？

<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>

Answer 1

其中一个选项是将单击的选项传递给 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();
}

单击菜单中的文本时弹出窗口打开

Popup opening when you click on the text in the menu

javascript

reactjs

react-native