QUESTION - Does This Work With React? about learn-to-send-email-via-google-script-html-no-server HOT 4 CLOSED

Glad to hear it has worked ok so far! See this Q&A, may have to debug what's going on with your form since likely it's using native browser form submission. There's probably a way to tie this in to a button click triggered from react to submit the form. Just make sure to stop the click before the browser default behavior runs.

Why is the webpage forwarding to a bunch of text when I hit submit?
You are not properly loading the required Javascript which submits the data via AJAX, or your browser does not support AJAX. Please see Part 2 and check your console logs in case you are finding errors.

from learn-to-send-email-via-google-script-html-no-server.

Just a remark/question! The native fetch does the job, so why do you want to bring in another dependency?

from learn-to-send-email-via-google-script-html-no-server.

Fixed!

The problem was exactly what @mckennapsean had said: the default behaviour of the browser (full page reload) was not what I was looking for.
I wrote a function that prevents the default behaviour and makes a call using the Axios library (native fetch API also works). I then called it on the <form/>'s onSubmit={} attribute.

See my PR if you're looking to do this with a React element!

from learn-to-send-email-via-google-script-html-no-server.

@ndrean

Just a remark/question! The native fetch does the job, so why do you want to bring in another dependency?

I use Axios for all of my API calls, so it was just easier to stick with the same syntax. Take a look of this sample I wrote that uses native fetch API if you're looking for an example:

react-index.zip

from learn-to-send-email-via-google-script-html-no-server.