Mengapa saya mendapat \'Elemen JSX bersebelahan mesti dibalut dengan teg yang disertakan?\'-tutorial js-php.cn

Mengapa saya mendapat \'Elemen JSX bersebelahan mesti dibalut dengan teg yang disertakan?\'

Patricia Arquette

Lepaskan： 2024-11-02 18:07:29

asal

371 orang telah melayarinya

Why do I get

Elemen JSX Bersebelahan Mesti Disertakan

Apabila cuba membuat komponen secara bersyarat berdasarkan pembolehubah keadaan, adalah penting untuk mematuhi peraturan bahawa elemen JSX bersebelahan mesti dibalut dalam teg yang disertakan. Keperluan ini memastikan kesahihan pepohon komponen React.

Isu ini timbul apabila anda menggunakan penyataan if untuk memaparkan elemen secara bersyarat tanpa melampirkannya dengan betul. Sebagai contoh, dalam kod anda:

if(this.state.submitted==false) {
  // ...
}

Salin selepas log masuk

Ini mengakibatkan ralat penghuraian "Elemen JSX bersebelahan mesti dibalut dengan teg yang disertakan." Untuk menyelesaikan masalah ini, anda mesti membalut elemen bersyarat dalam teg induk yang sesuai, seperti

if(this.state.submitted==false) {
  return (
    <div>
      {/* Conditional content here */}
    </div>
  );
}

Salin selepas log masuk

Sebagai alternatif, jika anda ingin memaparkan serpihan tanpa lapisan pembalut tambahan, anda boleh memanfaatkan API Fragmen yang diperkenalkan dalam React 16.2:

return (
  <>
    {/* Conditional content here */}
  </>
);

Salin selepas log masuk

Sintaks ini membolehkan anda mengumpulkan elemen JSX tanpa memperkenalkan nod DOM tambahan.

Atas ialah kandungan terperinci Mengapa saya mendapat \'Elemen JSX bersebelahan mesti dibalut dengan teg yang disertakan?\'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!