Controlled Form
import React, { useState } from "react"; function Form() { const [formData, setFormData] = useState({ name: "", email: "" }); const [submittedData, setSubmittedData] = useState(null); const handleChange = (e) => { const { name, value } = e.target; setFormData({ ...formData, [name]: value }); }; const handleSubmit = (e) => { e.preventDefault(); setSubmittedData(formData); }; return ( <div> <h2>Controlled Form</h2> <form onSubmit={handleSubmit}> <input type="text" name="name" placeholder="Name" value={formData.name} onChange={handleChange} /> ...