如何使用react.js前端发送电子邮件？

import React, { useState } from 'react';
import axios from 'axios';

const EmailForm = () => {
  const [recipient, setRecipient] = useState('');
  const [subject, setSubject] = useState('');
  const [content, setContent] = useState('');

  const sendEmail = () => {
    const emailData = {
      recipient,
      subject,
      content
    };

    axios.post('/api/sendEmail', emailData)
      .then(response => {
        console.log('Email sent successfully');
      })
      .catch(error => {
        console.error('Failed to send email:', error);
      });
  };

  return (
    <div>
      <input type="text" placeholder="Recipient" value={recipient} onChange={e => setRecipient(e.target.value)} />
      <input type="text" placeholder="Subject" value={subject} onChange={e => setSubject(e.target.value)} />
      <textarea placeholder="Content" value={content} onChange={e => setContent(e.target.value)} />
      <button onClick={sendEmail}>Send Email</button>
    </div>
  );
};

export default EmailForm;