# React.js: nothing happens when I submit a form

**URL:** <https://answers.netlify.com/t/react-js-nothing-happens-when-i-submit-a-form/94430>\
**Category:** Support\
**Tags:** netlify-forms, netlify-newbie\
**Created:** [June 13, 2023, 6:45pm UTC](https://answers.netlify.com/t/react-js-nothing-happens-when-i-submit-a-form/94430 "2023-06-13T18:45:13Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![clarnx](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/clarnx/32/40777_2.png) [@clarnx](https://answers.netlify.com/u/clarnx)\
**Post date:** [June 14, 2023, 10:12am UTC](https://answers.netlify.com/t/react-js-nothing-happens-when-i-submit-a-form/94430/2 "2023-06-14T10:12:21Z")

</div>

Hi @NineInjections, welcome to the Netlify Support Forums and thanks for the post.

Your HTML should be updated to the below.

```auto
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <meta name="description" content="Bienvenue sur le portfolio de Séverine Cuenot" />
  <title>Le Portfolio de Nine</title>
  <link rel="icon" href="/favicon.ico" />
  <script defer="defer" src="/js/runtime.05b258ceef994868bf45.js"></script>
  <script defer="defer" src="/js/537.616d0dae112b4c344996.js"></script>
  <script defer="defer" src="/js/main.910868745965f78aee82.js"></script>
  <link href="/css/main.css" rel="stylesheet" />
</head>
<body>
  <div id="root"></div>
</body>
</html>

```

Also your Form Component should be edited to the code below.

```auto
import './style.scss';

function ContactForm() {
  return (
    <form name="contact" method="POST" data-netlify="true">

        <label htmlFor="name">Name</label> <br />
        <input type="text" id="name" name="name" required />
    
        <label htmlFor="email">Email</label> <br />
        <input type="email" id="email" name="email" required />
      
        <label htmlFor="message">Message</label> <br />
        <textarea id="message" name="message" required />
    
        <input type="submit" value="Submit message" />
  
    </form>
  );
}

export default ContactForm;

```

Redeploy after the changes and let me know the outcome.

If you are still having difficulties you can checkout the support guide regarding Netlify Forms in the link below.

> [@\[Support Guide\] Form problems, form debugging, 404 when submitting](https://answers.netlify.com/t/support-guide-form-problems-form-debugging-404-when-submitting/92):
>
> Last reviewed by Netlify Support in July 2025 sparkles [AskNetlify’s](https://docs.netlify.com/ask-netlify/) Version sparkles Where can I check form submissions on my site? Copy the prompt above and paste it into [AskNetlify](https://docs.netlify.com/ask-netlify/), and it’ll break down this info. You can also ask clarifying questions. Still need help? No problem! We’re happy to clarify. Last reviewed October 2024 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the requested information that we request…

Thanks.

---

_[View the full topic](https://answers.netlify.com/t/react-js-nothing-happens-when-i-submit-a-form/94430)._
