Reactjs Forms Controlled Validation Multiple Input

Definisi

Form di React biasanya controlled: tiap input diikat ke state. Validasi bisa inline (cek saat onChange/onSubmit). Untuk banyak field, simpan di object state tunggal (useState({})) atau pakai library (react-hook-form).

Kapan dipakai

Setiap input user. Controlled memberi kontrol penuh (disable button saat invalid, format otomatis).

Cara kerja

jsx

function Login() {
  const [f, setF] = useState({ email: '', pw: '' });
  const set =