Materi React: Komponen dan Props

Apa itu komponen dalam React?

• Komponen dalam React adalah jenis framework untuk pengembangan backend.

• Komponen dalam React adalah unit dasar yang membentuk antarmuka pengguna.

• Komponen dalam React adalah alat untuk mengelola basis data.

• Komponen dalam React adalah elemen yang hanya digunakan untuk styling.

Jelaskan perbedaan antara komponen kelas dan komponen fungsional.

• Komponen kelas tidak dapat memiliki metode, sedangkan komponen fungsional dapat.

• Komponen kelas berorientasi objek, sedangkan komponen fungsional berfokus pada fungsi tanpa status.

• Komponen kelas lebih cepat daripada komponen fungsional dalam eksekusi.

• Komponen kelas hanya digunakan dalam aplikasi web, sedangkan komponen fungsional digunakan di semua jenis aplikasi.

Apa itu props dalam React?

• Props adalah cara untuk menghapus komponen dalam React.

• Props adalah cara untuk mengirim data dan fungsi dari komponen induk ke komponen anak dalam React.

• Props digunakan untuk mengatur state dalam komponen React.

• Props adalah metode untuk mengubah gaya CSS dalam React.

Bagaimana cara mengirim props dari komponen induk ke komponen anak?

• Menghapus komponen anak dari komponen induk.

• Menggunakan state untuk menyimpan props di komponen anak.

• Menggunakan fungsi untuk mengubah props di komponen anak.

• Gunakan atribut saat merender komponen anak di komponen induk.

Apa yang terjadi jika props tidak diberikan ke komponen?

• Komponen akan menghasilkan error jika props tidak ada.

• Komponen akan menggunakan nilai default untuk props yang tidak diberikan.

• Komponen akan menerima undefined untuk props yang tidak diberikan.

• Komponen akan mengabaikan props yang tidak diberikan.

Jelaskan bagaimana cara menggunakan state dalam komponen fungsional.

• Gunakan 'useState' untuk mendeklarasikan dan mengelola state dalam komponen fungsional.

• Gunakan 'setState' untuk mendeklarasikan state.

• Deklarasikan state di luar komponen fungsional.

• Gunakan 'useEffect' untuk mengelola state.

Apa itu prop drilling dan bagaimana cara menghindarinya?

• Hindari prop drilling dengan menggunakan Redux Toolkit.

• Prop drilling adalah praktik meneruskan props melalui banyak komponen; hindari dengan state management atau Context API.

• Prop drilling hanya terjadi pada komponen kelas.

• Prop drilling adalah cara mengelola state di React.

Jelaskan konsep 'children' dalam props.

• 'children' adalah properti khusus dalam props yang digunakan untuk menyisipkan elemen anak ke dalam komponen.

• 'children' adalah properti yang hanya dapat digunakan dalam komponen kelas.

• 'children' digunakan untuk mendefinisikan gaya CSS dalam komponen.

• 'children' adalah metode untuk menghapus elemen dari komponen.

Bagaimana cara mengubah nilai props di dalam komponen?

• Hapus props dan buat ulang komponen untuk mengubah nilai.

• Gunakan state untuk menyimpan nilai dan ubah melalui fungsi, lalu terapkan sebagai props.

• Gunakan props untuk menyimpan nilai dan ubah melalui props lain.

• Ubah nilai props langsung di dalam komponen tanpa state.

Apa itu default props dan bagaimana cara menggunakannya?

• Default props digunakan untuk mengatur gaya CSS pada komponen.

• Default props adalah nilai default untuk props di React, digunakan dengan mendefinisikan 'defaultProps' pada komponen.

• Default props adalah cara untuk mendefinisikan fungsi dalam React.

• Default props adalah metode untuk mengubah state di React.