E-Mail mit React.js + Express.js senden
Ich habe eine Web-App mit React.js in ES6 erstellt. Ich möchte derzeit eine einfache "Kontakt" -Seite erstellen und eine E-Mail senden. Ich bin neu in React und habe gerade festgestellt, dass ich mit React selbst keine E-Mail senden kann. Ich folge dem Tutorial mitnodemailer
undexpress-mailer
hatte aber einige Schwierigkeiten, den Beispielcode in meine React-Dateien zu integrieren. Insbesondere aufrufendnode expressFile.js
funktioniert, aber ich habe keine Ahnung, wie ich das mit meinem React-Frontend verknüpfen soll.
Nodemailer:https: //github.com/nodemailer/nodemaile
Express-Mailer:https: //www.npmjs.com/package/express-maile
Meine Reaktionskomponente für das Formular ist unten. Wie würde ich eine Express-Datei schreiben, damit sie vom @ aufgerufen wircontactUs()
-Methode in meiner React-Komponente? Vielen Dank
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;