在react中使用smtp.js

import React from 'react';
import SMTPClient from 'smtp.js';

class EmailSender extends React.Component {
  sendEmail() {
    const client = new SMTPClient({
      host: 'smtp.example.com',
      port: 587,
      secure: false,
    });

    client.connect();

    client.onidle = () => {
      client.login({
        username: 'your-email@example.com',
        password: 'your-password',
      });
    };

    client.onauth = () => {
      const message = {
        from: 'your-email@example.com',
        to: 'recipient@example.com',
        subject: 'Hello from React',
        text: 'This is a test email sent from React using smtp.js',
      };

      client.message(message);
      client.send();
    };

    client.onerror = (error) => {
      console.error('Error:', error);
    };
  }

  render() {
    return (
      <button onClick={this.sendEmail}>Send Email</button>
    );
  }
}

export default EmailSender;