Pernah faham perbezaan antara jantina dan orientasi seksual anda?

Question

Dalam Inferno, apabila cuba menentukan bentuk elemen kanak-kanak pada masa penyusunan, terdapat dua cara untuk mentakrifkan elemen kanak-kanak sebagai teks:

function Hello() {
  biarkan h = "Hello";
  kembali (
    <p $HasTextChildren>
      {h}
    </p>
  );
}

import { createTextVNode } daripada "inferno";

fungsi Hello() {
  biarkan h = "Hello";
  kembali (
    <p $HasVNodeChildren>
      {createTextVNode(h)}
    </p>
  );
}

Apakah perbezaan antara kedua-dua kaedah ini?

Answer 1

Setakat keputusan akhir, tiada beza. Dari segi prestasi, bagaimanapun, yang pertama adalah lebih pantas sedikit. Tetapi sekatannya ialah elemen kanak-kanak mestilah teks sahaja. Mungkin terdapat situasi di mana anda mahu teks dan kandungan lain sebagai elemen kanak-kanak. Dalam kes ini, anda boleh menggunakan createTextVNode()和适当的标志之一，其中之一是$HasVNodeChildren. Anda boleh melihat senarai bendera dalam dokumentasi: https://www.infernojs.org/docs/guides/optimizations

Sebagai nota tambahan, anda tidak perlu menentukan sendiri bentuk elemen kanak-kanak jika pengkompil dapat melihatnya pada masa penyusunan. Jadi, tak perlu tulis macam ni:

function Hello() {
  return <p $HasTextChildren>Hello</p>;
}

Anda boleh menulis:

function Hello() {
  return <p>Hello</p>;
}