Hi! Why is my handleSubmit function not trigggered?
There is no error.
#React component | onSubmit not working
proven aurora
proven aurora
anyone a idea?
drifting cairn
Hey, are you using a client directive in your component?
proven aurora
Hey, are you using a client directive in your component?
No. this is my complete code.
https://hastebin.skyra.pw/iwepecugod.ts
drifting cairn
Oh I mean in the Astro component you're using this component in
proven aurora
No
---
/* Import components */
import RegisterForm from "../../components/auth/RegisterComponent.jsx";
/* Import api classes */
import Auth from "../../api/Auth.js";
---
<!DOCTYPE html>
<html lang="de">
<head>
<!-- Meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Website title -->
<title>YourDevelopers - Auth</title>
<link rel="icon" type="image/svg+xml" href="/img/logo-icon.svg" />
<!-- Public css files -->
<link rel="stylesheet" href="/css/root.css">
</head>
<body>
<RegisterForm/>
</body>
</html>
Ah you should use one then 😄
Otherwise no javascript is sent to the browser, only the html of your form
Have a look at this https://docs.astro.build/en/reference/directives-reference/#client-directives
proven aurora
Ah you should use one then 😄
Otherwise no javascript is sent to the browser, on...
That would explain the problem
proven aurora
Have a look at this https://docs.astro.build/en/reference/directives-reference/#...
client:load or client:only is a good choice for a form as far as I can tell right?
drifting cairn
Yeah any would be a good choice
drifting cairn
Yeah any would be a good choice
client:load will include your form in the html, but client:only won't, from that you can pick a choice
proven aurora
client:load will include your form in the html, but client:only won't, from that...
Now it works, but the JavaScript code should be processed on the server side for security reasons. Is it sufficient to outsource the server-side code?
proven aurora
client:load will include your form in the html, but client:only won't, from that...
Just tested it. Unfortunately it is always executed on the client side, is there a solution?
drifting cairn
What do you want executed on the clientside and what on the server exactly?
proven aurora
What do you want executed on the clientside and what on the server exactly?
I would like my registration data which is entered to be sent to the server and validated there and compared with the database and the client side should then receive the information whether everything is correct or not.
drifting cairn
Ah I see, you could use an api route to handle that, and make a fetch call to it on the client
proven aurora
Ah I see, you could use an api route to handle that, and make a fetch call to it...
I'm going to try that out. Thank you for your help and that you also help beginners who do not yet have so much knowledge of Server Side in JS
proven aurora
Do let me how it goes 🙂
I had a look at the docs, seems like an endpoint via express would be a good option. I will implement this in the next few days. This should work
Thanks