screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <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> </head> <body> <h3>React Js Reset form fields</h3> <div id="app"></div> <script type="text/babel"> const { useRef } = React; const { render } = ReactDOM; function App() { const formRef = useRef(null); function handleSubmit(event) { event.preventDefault(); // handle form submission here formRef.current.reset(); // reset the form after submission } return ( <form ref={formRef} onSubmit={handleSubmit}> <label> Name: <input type="text" name="name" /> </label><br/><br/> <label> Email: <input type="email" name="email" /> </label><br/><br/> <button type="submit">Reset</button> </form> ); } render(<App />, document.getElementById('app')); </script> </body> </html>