@derty14

Как связать форму обратной связи и nodemailer?

Есть форма обратной связи и код отправки сообщения от nodemailer, объясните, как их связать и как передать данные в файл nodemailer.js?
form.js:
import React from "react";
import "./../css/App.css";

class HiddenForm extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="modal">
        <span className="close" id="close">
          &#215;
        </span>
        <form method="post" action="./../nodemailer.js">
          <input ref="name"placeholder="Имя"  required />
          <input ref="tel" placeholder="Телефон"  required />
          <input ref="mail" placeholder="Почта"  required />
          <br />
          <textarea ref="message" placeholder="Сообщение" id="Modalmessage" required />
          <br />
          <input  required type="checkbox" />
          <br />
        </form>
        <button type="submit" id="btn-modal">
          Отправить
        </button>
      </div>
    );
  }
}

nodemailer.js:
const nodemailer = require("nodemailer");

async function main() {
  let transporter = nodemailer.createTransport({
    host: "smtp.mail.ru",
    port: 465,
    secure: yes, // true for 465, false for other ports
    auth: {
      user: "mypost", // generated ethereal user
      pass: "mypass" // generated ethereal password
    }
  });

  // send mail with defined transport object
  let info = await transporter.sendMail({
    from: 'mypost', // sender address
    to: "mypost", // list of receivers
    subject: "Hello ✔", // Subject line
    text: "Hello world?", // plain text body
    html: "<b>Hello world?</b>" // html body
  });

  console.log("Message sent: %s", info.messageId);
}

main().catch(console.error);
  • Вопрос задан
  • 605 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 13:31
10000 руб./за проект
19 апр. 2024, в 13:12
35000 руб./за проект
19 апр. 2024, в 13:06
6000 руб./за проект