I’m having problems getting my Netlify Form to work. I first did on an online tutorial and used an form with only HTML and CSS, and I was able to get that to work. Now I am working on a front-end React project and I am not able to get my contact form to work. This is my Netlify site name: https://silly-feynman.netlify.app/
This is where my form in question is: https://silly-feynman.netlify.app/contact
When I click the Send Message button, I get a Page Not Found error that says:
"Looks like you’ve followed a broken link or entered a URL that doesn’t exist on this site.
< Back to our site"
I followed the Netlify docs for how to add the code to my form. Here is an image of my code. The code for the form is in lines 29-35:
As you can see, I added a form name, the POST method, and data-netlify=“true”. I also tried it with just “netlify” instead of data-netlify=“true”, but that also did not work. Note too that I have because I’m using Bootstrap. But I also tried it with a lowercase (), but that didn’t work either. “/success” is my own page that I made. When the user submits the message, they will go to this “/success” page I made. I also added the code for the recaptcha: data-netlify-recaptcha=‘true’ (line 55).
What can I do to get my contact form to work. I don’t understand why I got my form to work in my other separate project that used only HTML and CSS, but when I do the same thing here in my React project, it doesn’t work.
I appreciate any help or suggestion.