Pada asasnya, saya mempunyai komponen tindak balas dengan render()
badan berfungsi seperti ini: (Ini adalah komponen ideal saya, yang bermaksud ia tidak berfungsi pada masa ini)
render(){ return ( <div> <Element1/> <Element2/> // note: logic only, code does not work here if (this.props.hasImage) <ElementWithImage/> else <ElementWithoutImage/> </div> ) }
Sebenarnya ada cara untuk melakukan apa yang diminta oleh OP. Hanya render dan panggil fungsi tanpa nama seperti ini:
Tidak betul-betul sama, tetapi ada penyelesaiannya. Terdapat bahagian tentang pemaparan bersyarat dalam Dokumentasi React yang perlu anda lihat. Berikut ialah contoh perkara yang boleh anda lakukan menggunakan inline if-else.
Anda juga boleh mengendalikannya di dalam fungsi render, tetapi sebelum mengembalikan jsx.
Juga patut disebut adalah apa yang dibangkitkan oleh ZekeDroid dalam komen. Anda boleh menggunakan
&& 运算符
jika anda hanya menyemak syarat dan tidak mahu memaparkan coretan tertentu yang tidak memenuhi syarat.