<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.14.0/umd/react.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.14.0/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.min.js"></script>
<h3>React Js Reset form fields</h3>
<script type="text/babel">
const { useRef } = React; const { render } = ReactDOM; const formRef = useRef(null);
function handleSubmit(event) { // handle form submission here
formRef.current.reset(); // reset the form after submission
<form ref={formRef} onSubmit={handleSubmit}> <input type="text" name="name" />
<input type="email" name="email" />
<button type="submit">Reset</button>
render(<App />, document.getElementById('app'));