React TutorialLesson 20Preview gratis
React JSX If Statements
Lesson ini bagian dari React · Semua level
Ringkasan
JSX tidak mendukung sintaks if di dalam kurung kurawal, sehingga logika percabangan harus ditulis dengan cara lain. Pilihan yang umum adalah operator ternary, operator && untuk menampilkan kondisi tertentu, atau menyimpan hasil kondisi ke dalam variabel sebelum dipakai di JSX. Pendekatan ini menjaga JSX tetap mudah dibaca.
Poin kunci
- if tidak boleh ditulis langsung di dalam {}
- Operator ternary cocok untuk pilihan dua cabang
- Operator && menampilkan elemen hanya saat kondisi bernilai true
- Simpan JSX bersyarat ke variabel atau fungsi terpisah bila logikanya panjang
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.