我在ES6中使用React.js构建了一个Web应用程序.我目前想要创建一个基本的"联系我们"页面,并希望发送电子邮件.我是React的新手,刚刚发现我实际上无法使用React本身发送电子邮件.我在与教程nodemailer和express-mailer,但有一定的难度集成与我的阵营文件示例代码.具体来说,调用node expressFile.js工作,但我不知道如何将其链接到我的React前端.
Nodemailer:https://github.com/nodemailer/nodemailer
快递邮件:https://www.npmjs.com/package/express-mailer
我的表单的React组件如下.我如何编写一个Express文件,以便从contactUs()我的React组件中的方法调用它?谢谢!
import React from 'react';
import {
Col,
Input,
Button,
Jumbotron
} from 'react-bootstrap';
class ContactView extends React.Component{
contactUs() {
// TODO: Send the email here
}
render(){
return (
<div>
<Input type="email" ref="contact_email" placeholder="Your email address"/>
<Input type="text" ref="contact_subject" placeholder="Subject"/>
<Input type="textarea" ref="contact_content" placeholder="Content"/>
<Button onClick={this.contactUs.bind(this)} bsStyle="primary" bsSize="large">Submit</Button>
</div>
)
}
};
export default ContactView;
Run Code Online (Sandbox Code Playgroud) 我的应用程序中有一个电子邮件输入字段和一个按钮。一旦我输入电子邮件并单击发送,我想发送一封电子邮件,其中包含在输入中输入的值。我知道它不能在 Reactjs 中完成,因为它是一个前端。我能怎么做?有人可以帮忙吗?