Skip to main content

Implementasi If Condition Dalam Render React Native


Sebagai seorang programer tentunya kita sudah tidak asing dengan condition If Else.
ya fungsi ini memang wajib ada dalam setiap bahasa pemrograman. Tapi lain ceritanya ketika saya mencoba membuat Aplikasi dengan React Native. Hal yang biasanya mudah di implementasi kan ternyata berbeda kasusnya di React Native.
iklanku
Sebagai orang yang baru mengenal Javascript, penerapan If else pada method masih cukup mudah di mengerti. Tapi ketika saya ingin menggunakan if else pada bagian render saya benar benar tidak ada ide.

Setelah pencarian cukup lama akhirnya saya menemukan solusi. ternyata Javascript mempunyai aturan sendiri dalam penerapan if else pada bagian render. Di bawah ini adalah contoh code nya.
{this.state.benar==true? (
      <view>             
         <text>Jawaban Kamu Benar</text>
     </view> ) : (
         <view styl="">
            <text>Jawaban Kamu Salah</text>
        </view>
)}

Penjelasan code di atas:

Pada code di atas kita akan memeriksa nilai this.state.benar. Apabila nilainya true, makan kita akan menampilkan Text Jawaban Kamu Benar. Tapi bila nilainya false, maka kita akan menampilkan text Jawaban Kamu Salah.  Dengan teknik diatas kita bisa membuat tampilan yang dinamis dalam Aplikasi Mobile.
RELATED ARTIKEL

Comments

Popular posts from this blog

Urutan Tata Cara Odalan di Sanggah

Cara Membuat Banten Peras

Cara mengaktifkan voice input Xiaomi redmi note 3.