Tengo una ventana emergente lista. Pero solo quiero que se abra cuando haga clic en el elemento "Enviar mi póliza a mi dirección de correo electrónico" en el menú. ¿Cómo puedo hacerlo?
<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>Una de las opciones sería pasar la opción en la que se hizo clic al método handleClose , algo como lo siguiente:
<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>Luego, en el método handleClose puedes validar si la opción en la que se hizo clic fue la que deseas:
const handleClose = (option) => { if (option === 'Send my policy to my email address') showPopup(); }