Props vs State

Props vs State — Apa Bedanya?

Ini adalah salah satu konsep paling penting di React. Memahami perbedaan props dan state adalah kunci untuk membangun aplikasi yang benar.

Props — Data dari Luar

• Dikirim dari komponen induk ke anak
• Bersifat read-only — komponen anak tidak bisa mengubahnya
• Digunakan untuk konfigurasi dan penerusan data

State — Data Internal Komponen

• Dimiliki dan dikelola oleh komponen itu sendiri
• Bisa berubah menggunakan hook useState
• Setiap perubahan state menyebabkan komponen re-render
• Digunakan untuk data yang berubah (input form, toggle, counter)

Aturan sederhana: Jika data perlu berubah dan UI harus terupdate, gunakan state. Jika data berasal dari luar komponen, gunakan props.