Breaking News: Grepper is joining You.com. Read the official announcement!

emailjs react npm

conjunction cell answered on March 26, 2022 Popularity 10/10 Helpfulness 4/10

answer emailjs react npm

related email.js react install

emailjs react npm

Comment

//npm install @emailjs/browser
import React, { useRef } from 'react';
import emailjs from '@emailjs/browser';

export const ContactUs = () => {
  const form = useRef();

  const sendEmail = (e) => {
    e.preventDefault();

    emailjs.sendForm('YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', form.current, 'YOUR_USER_ID')
      .then((result) => {
          console.log(result.text);
      }, (error) => {
          console.log(error.text);
      });
  };

  return (
    <form ref={form} onSubmit={sendEmail}>
      <label>Name</label>
      <input type="text" name="user_name" />
      <label>Email</label>
      <input type="email" name="user_email" />
      <label>Message</label>
      <textarea name="message" />
      <input type="submit" value="Send" />
    </form>
  );
};

// seee doc for more info, https://www.emailjs.com/docs/examples/reactjs/

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript npm

Link to this answer
Share Copy Link

Contributed on Mar 26 2022

conjunction cell

0 Answers Avg Quality 2/10

Closely Related Answers

email.js react install

Comment

$ npm install @emailjs/browser --save

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: www.emailjs.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 07 2023

Envious Eland

0 Answers Avg Quality 2/10

emailjs react npm

Contents

More Related Answers

emailjs react npm

Closely Related Answers

email.js react install

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.