Блог

У меня есть следующий компонент:

 const WaitingListComponent = () => {

  const [email, setEmail] = useState('')

  const onSubmit = (e) => {

    e.preventDefault()

    axios.post("/api/waiting-list/addToList", {
      email: email
    })
    }

  return (
    <form className="waiting-list-component-container" onSubmit={onSubmit}>
      <h4 className="waiting-list-component-heading">Join our waiting list to get early access</h4>
      <p className="waiting-list-component-paragraph">Join our waiting list to get exclusive early access to our platform when we're ready to launch.</p>
      <input className="waiting-list-component-input" name="email" type="email" value={email} onChange={(e) => setEmail(e.target.value)} placeholder="janedoe@email.com" />
      <GeneralButton type="submit" text="Get access" />
    </form>
  )
}
 

Этот запрос Axios отправляется с помощью следующей функции:

 const MailerLite = require('mailerlite-api-v2-node').default;

const mailerLite = MailerLite(process.env.MAILER_API);

module.exports = (req, res) => {

  res.statusCode = 200;
  res.setHeader("Content-Type", "application/json");

  const email = req.body.email;

  mailerLite.addSubscriberToGroup(process.env.MAILER_GROUP, email)
  .then(() => {
    console.log("Successfully sent new subscriber to MailerLite.");
    res.send(JSON.stringify({ success: true }));
  })
  .catch((err) => {
    console.log("There was an error.");
    console.log(err);
    res.send(JSON.stringify({ success: false }));
  });

};
 

Это публикация на веб-сайте под названием «MailerLite».

Их документация здесь: https://developers.mailerlite.com/docs/getting-started-with-mailerlite-api И пакет, который я использую для отправки через узел, находится здесь: https://www.npmjs.com/package/mailerlite-api-v2-node#addsubscribertogroupgroupid-subscriber

Я пытаюсь использовать функцию addSubscriberToGroup для добавления нового подписчика в мою группу.

Однако, несмотря на успешное прохождение сообщения Axios, как показано в сообщении об ошибке, каждый раз генерируется ошибка.

Я не хочу публиковать полную ошибку, потому что она длинная и содержит ключ API, но последние две строки указывают, что это ошибка Axios:

isAxiosError: true

Может кто-нибудь указать, где я здесь ошибаюсь?

Если вам нужна дополнительная информация или у вас есть какие-либо конкретные вопросы, пожалуйста, дайте мне знать!

Вероятно, проблема в том, что вам нужно отправлять электронную почту как объект. Вы могли бы сделать это так: addSubscriberToGroup('id', { email: email })