Checkbox, Radio, dan Select dalam React

Untuk checkbox gunakan checked={isAgreed} dan onChange={(e) => setIsAgreed(e.target.checked)}.

👀 Contoh dulu

<input type="checkbox" checked={isAgree} onChange={(e) => setIsAgree(e.target.checked)} />

Hasilnya: Status centang checkbox terikat dengan boolean state.

💡 Perhatikan penggunaan e.target.checked (bukan e.target.value) untuk checkbox.

📝 Sekarang giliranmu

Buatlah sebuah input bertipe checkbox yang dikendalikan oleh state. Gunakan properti agree untuk mengikat nilainya, dan perbarui melalui fungsi setAgree saat event perubahannya (change) terjadi.

Preview

← Sebelumnya Berikutnya →