React TutorialLesson 27Preview gratis
React Conditionals
Lesson ini bagian dari React · Semua level
Ringkasan
Conditional rendering membuat komponen menampilkan tampilan berbeda sesuai kondisi tertentu. Pola yang umum digunakan adalah if atau else di luar JSX, operator ternary, serta logika && untuk menyembunyikan elemen. Sama seperti percabangan JavaScript biasa, kuncinya adalah memastikan hanya satu tampilan aktif pada satu waktu.
Poin kunci
- if dan else ditulis di luar JSX atau dalam fungsi pembantu
- Operator ternary cocok untuk dua cabang tampilan
- Logika && menampilkan elemen hanya saat kondisi bernilai true
- Simpan JSX bersyarat pada variabel bila logikanya panjang
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.