#React form on the Astro WebApp

1 messages · Page 1 of 1 (latest)

tulip garden
#

Hi everyone, I'm doing a form on my website with 4 fields (Name, Email, Message and an upload pdf file).

My problem is that my handleSubmit function isn't being called when I press the submit button.

I call my Form React class using:

<Form cliend:load>

And the react form code is like this (+ the File Upload Field)

<form className="form" onSubmit={(e) => Submit(e)}>
          <input placeholder="Your Name" name="Name" type="text" />
          <input placeholder="Your Email" name="Email" type="text" />
          <input placeholder="Your Message" name="Message" type="text" />
          <input name="Name" type="submit" />
        </form>

My code aims to send the form data to Google Sheets the information and save the file. In the Sandbox it works, but on the Astro, it does not. Can anyone help me? Has it already occurred to you?

calm spruce
#

try <Form client:only="react">

tulip garden
calm spruce
#

Can i see your Submit() function?