Tengo una aplicación escrita con React como frontend y Express como backend. Estoy usando Nodemailer para enviar por correo electrónico los resultados de un formulario. Llega al backend y se envía bien, pero estoy buscando la forma correcta de enviar una respuesta al front-end para poder alertar al usuario si hay un error, o redirigir a una página de éxito si pasa multa. Intenté usar una función de devolución de llamada y omitirla en mi código transporter.sendMail() y ninguna funcionó. Realmente no sé lo que estoy haciendo, y me vendría bien un poco de ayuda.
Código de transportador (envuelto dentro de mi función sendMail)
transporter.sendMail(mailOptions, (err, info) => { if (err) { console.log(err) res.sendStatus(500) } else { console.log(info) res.sendStatus(201) } })Código del servidor
app.post('/sendApplication', cpUpload, async (req, res) => { return sendMail(req.files['essay'][0], req.files['recLetter1'][0], req.files['recLetter2'][0], req.body) })Código de envío de formulario
handleSubmit = async (e) => { e.preventDefault() let formData = new FormData() for (let i in this.state.formValues) { formData.append(i, this.state.formValues[i]) } formData.append('essay', document.getElementById('essay').files[0]) formData.append('recLetter1', document.getElementById('recLetter1').files[0]) formData.append('recLetter2', document.getElementById('recLetter2').files[0]) await fetch('/sendApplication', { method: 'POST', body: formData }).then((res) => { if (res.ok) { window.localStorage.removeItem('applicationData') this.props.history.push('/success') } else { alert('Error Message') } }) }Primero, debe agregar (req,res,next) en su función de controlador para usar la función res.
Después de esto, podrá devolver res al cliente.
Prueba esto :
const sendMail = (res,req,next) => { /// transporter.sendMail(mailOptions, (err, info) => { if (err) { console.log(err) res.status(500).send({err : err}) } else { console.log(info) res.status(200).send({success : info}) } }) /// }