Bagaimana untuk Melaksanakan Rendering Bersyarat dalam ReactJS Menggunakan Logik if-else?

Rendering Bersyarat dalam ReactJS Menggunakan Pernyataan if-else

ReactJS menggunakan JSX (JavaScript XML) untuk memaparkan antara muka pengguna. Walau bagaimanapun, kenyataan if-else konvensional tidak disokong secara langsung dalam JSX kerana sifatnya sebagai gula sintaksis untuk panggilan fungsi.

Untuk memaparkan elemen secara bersyarat, terdapat dua pendekatan yang disyorkan:

1. Operator Ternary:

   • Gunakan ternary operator (? :) untuk menilai keadaan dan mengembalikan elemen berbeza berdasarkan hasil.

   render() {
      return (
         <View>

2. Fungsi Pembantu:

   • Buat fungsi pembantu yang merangkumi syarat logik.

   renderElement() {
      if (this.state.value === 'news')
         return data
      return null;
   }
   
   render() {
      return (
         <View>

Ingat, kaedah ini membenarkan pemaparan bersyarat dalam komponen React tanpa mengubah suai pemandangan atau mengubah struktur komponen. Ia memberikan fleksibiliti untuk memaparkan kandungan secara dinamik berdasarkan perubahan keadaan atau logik bersyarat lain.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Rendering Bersyarat dalam ReactJS Menggunakan Logik if-else?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!