使用React.js前端发送电子邮件可以通过以下步骤实现:
以下是一个示例的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;
在上述代码中,我们使用axios库发送POST请求到/api/sendEmail
接口,并将邮件相关信息作为请求的参数传递给后端。你需要根据实际情况修改接口地址和参数的处理方式。
请注意,上述代码只涉及前端部分的发送邮件功能,后端的实现需要根据具体的后端语言和框架来完成。
领取专属 10元无门槛券
手把手带您无忧上云