React25 / 78

Validasi Sederhana & Pesan Error

Validasi form dilakukan sebelum submit. Jika gagal, simpan pesan ke state error dan tampilkan di UI secara kondisional.

👀 Contoh dulu

if (!email) setError('Email wajib diisi!');

Hasilnya: Pesan error muncul jika input kosong.

💡 Beri indikasi visual seperti border merah pada input yang bermasalah.

📝 Sekarang giliranmu

Terapkan logika validasi yang memeriksa apakah nilai variabel text bernilai truthy. Jika tidak (falsy), atur error state dengan memanggil setError dan berikan argumen 'Wajib diisi!'.

Preview