Created
January 14, 2021 06:05
-
-
Save marienguyen20/2bef04fbc9f0b6a400b7c96deeb08800 to your computer and use it in GitHub Desktop.
Use the Sendgrid API
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Form.js | |
class Form extends React.Component { | |
constructor() { | |
super(); | |
this.handleSubmit = this.handleSubmit.bind(this); | |
} | |
handleSubmit(event) { | |
event.preventDefault(); | |
const data = new FormData(event.target); | |
fetch('/api/form-submit-url', { | |
method: 'POST', | |
body: data, | |
}); | |
} | |
render() { | |
return ( | |
<form onSubmit={this.handleSubmit}> | |
<label htmlFor="username">Enter username</label> | |
<input id="username" name="username" type="text" /> | |
<label htmlFor="email">Enter your email</label> | |
<input id="email" name="email" type="email" /> | |
<label htmlFor="birthdate">Enter your birth date</label> | |
<input id="birthdate" name="birthdate" type="text" /> | |
<button>Send data!</button> | |
</form> | |
); | |
} | |
} | |
//index.js | |
const sgMail = require('@sendgrid/mail'); | |
sgMail.setApiKey(process.env.SENDGRID_API_KEY); | |
const msg = { | |
to: test@example.com', | |
from: 'test@example.com', | |
subject: 'Sending with SendGrid is Fun', | |
text: 'and easy to do anywhere, even with Node.js', | |
html: '<strong>and easy to do anywhere, even with Node.js</strong>', | |
}; | |
sgMail.send(msg); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment