Bagaimanakah Saya Boleh Menggunakan Atribut Kelas Secara Bersyarat dalam React?

Terapkan Atribut Kelas secara Bersyarat dalam React

Dalam React, adalah perkara biasa untuk menunjukkan atau menyembunyikan elemen berdasarkan prop yang dihantar daripada komponen induk. Untuk mencapai matlamat ini, anda boleh menggunakan kelas CSS secara bersyarat. Walau bagaimanapun, isu yang berpotensi timbul apabila menggunakan sintaks {this.props.condition ? 'show' : 'hidden'} terus dalam rentetan.

Untuk menyelesaikan isu ini, alihkan pendakap kerinting di luar rentetan, seperti yang dilihat dalam contoh yang diperbetulkan ini:

<div className={"btn-group pull-right " + (this.props.showBulkActions ? 'show' : 'hidden')}

Ini pelarasan memastikan keadaan dinilai sebelum menggabungkan nama kelas. Perhatikan ruang selepas "tarik-kanan" untuk mengelakkan secara tidak sengaja mencipta kelas "tarik-kanan" dan bukannya kelas "tarik-kanan" yang dimaksudkan. Selain itu, kurungan adalah penting untuk penilaian yang betul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Atribut Kelas Secara Bersyarat dalam React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!