en un componente funcional, necesito mostrar el mensaje al usuario de que se está enviando un correo electrónico
estoy cambiando el texto del elemento html por estado establecido
aquí está el código
const [visibility, setVisibility] = useState("hidden"); const [MessageText, setMessageText] = useState(""); function sendEmail() { setVisibility('visible'); setMessageText("Sending email to the recipients.Please wait..."); functionToSendEmail(); } <label className="cs-label" id="lblMessage" style={{ color: '#800000', fontWeight: 'bold', visibility: visibility }}> {MessageText} </label> aquí el mensaje no se muestra en el elemento de la label , pero si en lugar de setMessageText si uso
document.getElementById('lblMessage').innerHTML = "Email sent to the recipients successfully";entonces funciona bien mostrando el mensaje al usuario
En este código que publicaste, no estás llamando a la función sendEmail() en ninguna parte. Puede llamarlo, luego llamará a setMessageText().
Prueba algo como esto:
<button onClick={() => sendEmail()}>Send email</button>