Adakah Next.js menyokong pemaparan bersyarat dan prapemarahan HTML yang tidak dipaparkan?-Soal Jawab Rangkaian PHP Cina

Artikel Topik pembelajaran Muat turun Soal Jawab Kamus Pengaturcaraan Permainan kemas kini terkini

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Adakah Next.js menyokong pemaparan bersyarat dan prapemarahan HTML yang tidak dipaparkan?

P粉450744515 2023-08-14 17:48:55

464

Next.js pra-memaparkan HTML pada halaman yang hanya dipaparkan apabila butang tertentu diklik? Sebagai contoh, apabila kita mempunyai tab, adakah ia memaparkan kandungan tab yang belum dipaparkan?

P粉450744515

membalas semua (1)

P粉0116843262023-08-15 13:57:52 Tingkat 1

Bukan sahaja untuk Next.js tetapi juga untuk React, ia bergantung pada cara anda menunjukkan/menyembunyikan komponen secara bersyarat, terutamanya jika ia disembunyikan oleh CSS atau JavaScript. Berikut adalah contoh:

// 1. 返回一个空片段或组件 const Component1 = ({ isVisible }) => { if (!isVisible) return <>; return ( Hello World
 ) } // 2. 改变display属性 const Component2 = ({ isVisible }) => { const display = isVisible ? "flex" : "hidden"; return ( Hello World
 ) }

Dalam contoh pertama, apabilaisVisible属性设置为falseserpihan kosong akan dipaparkan. Serpihan kosong tidak akan menghasilkan sebarang HTML.
Dalam contoh kedua, kami hanya menukar sifatdisplayCSS mengikut atribut, dan HTML yang dijana akan tetap disertakan dalam HTML anda tanpa kelihatan.