Sending emails with Reactjs [closed]

Question

Closed. This question needs debugging details. It is not currently accepting answers.

Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.

Closed 6 years ago.

Improve this question

I am trying to use an API for sending emails with JavaScript, it's called SmptJs. The API works perfectly when integrated in a simple HTML file, but I don't know how to integrate it in a reactJs component!

Here is the API link and doc: https://smtpjs.com/

I tried it first in my HTML page, like this: code of html file

And it worked, I received the email. But I want to add the API inside my React Component, specifically when I click submit in my form but I got an error and I think it's not compatible with ReactJs syntax, here is the image:

code of react component

the error msg

Possible duplicate of How to include external javascript library in reactjs — Max
– Max, Commented Aug 19, 2019 at 12:05
Please add code, errors and data as text (using code formatting), not images. Images: A) don't allow us to copy-&-paste the code/errors/data for testing; B) don't permit searching based on the code/error/data contents; and many more reasons. In general, code/errors/data in text format >>>> code/errors/data as an image >> nothing. Images should only be used, in addition to text in code format, if having the image adds something significant that is not conveyed by just the text code/error/data. — Makyen
– Makyen ♦, Commented Aug 19, 2019 at 23:40

Hemanath · Accepted Answer · 2019-08-19 14:36:52Z

2

Checkout the simple component with example here https://jsfiddle.net/92a68tmz/

You have to include the tag of smtpjs in your public/index.html or general index.html file in your project and you can use it like this

 sendMail() {
     window.Email.send({
        SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
        To : '[email protected]',
        From : "[email protected]",
        Subject : "This is the subject",
        Body : "And this is the body"
    }).then(
  message => alert(message)
);

in your onSubmit you directly use this

     const onSubmit = data => {
              window.Email.send({
                    SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
                    To : data.email,
                    From : "[email protected]",
                    Subject : "This is the subject",
                    Body : "And this is the body" + data.firstname
                }).then(
                    message => alert(message)
      }

No need for a separate Emailer component.

edited Aug 19, 2019 at 14:36

answered Aug 19, 2019 at 12:01

Hemanath

1,0807 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Othman El houfi Over a year ago

Your solution works perfectly for me. I made a new component called Emailer and I added it in the DOM and it works. But I am stuck with something stupid, I can't add the component where I want ! can I show you an image of my code ?

Hemanath Over a year ago

Yeah @OthmanElhoufi , i am ready to help you further :)

Othman El houfi Over a year ago

check out the answer I just added.

Othman El houfi Over a year ago

If you need any other information please do tell me, I'm really stuck lol @Raja

Hemanath Over a year ago

I will look into it :)

|

Collectives™ on Stack Overflow

Sending emails with Reactjs [closed]

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related