Mengapakah Saya Mendapat \'Ralat Parse: Elemen JSX Bersebelahan Mesti Dibalut dalam Teg Terlampir\' dalam React?-tutorial js-php.cn

Mengapakah Saya Mendapat \'Ralat Parse: Elemen JSX Bersebelahan Mesti Dibalut dalam Teg Terlampir\' dalam React?

Barbara Streisand

Lepaskan： 2024-11-01 14:23:29

asal

297 orang telah melayarinya

Why Do I Get

Ralat Penghuraian: Elemen JSX Bersebelahan Mesti Dibungkus dalam Tag Terlampir

Isu:
Apabila mencuba untuk menjadikan komponen secara bersyarat berdasarkan pembolehubah, ralat berlaku: "Ralat Parse: Elemen JSX bersebelahan mesti dibalut dalam teg yang disertakan."

Soalan:
Apakah yang menyebabkan ralat ini dan bagaimanakah ia boleh diselesaikan?

Jawapan:
Dalam React, setiap komponen atau kumpulan komponen mesti disertakan dalam satu tag. Dalam kod yang disediakan, pemaparan bersyarat menyebabkan elemen JSX bersebelahan (dalam kes ini, input dan komponen ReactCSSSTransitionGroup) muncul tanpa teg yang disertakan.

Penyelesaian:
Untuk menyelesaikan ralat, bungkus elemen ini dalam teg lampiran yang sesuai, seperti

atau React.Fragment.

Contoh:

<code class="jsx">render: function() {
    return (
      <div>
        {this.state.submitted == false && (
          <>
            <input type="email" onChange={this._updateInputValue} />
            <ReactCSSTransitionGroup>
              <div>
                <a href="#" onClick={this.saveAndContinue}>Request Invite</a>
              </div>
            </ReactCSSTransitionGroup>
          </>
        )}
      </div>
    );
  },</code>

Salin selepas log masuk

Menggunakan pembungkus menyediakan pilihan neutral yang ringan dan semantik untuk mengumpulkan elemen tanpa memperkenalkan nod DOM tambahan.

Atas ialah kandungan terperinci Mengapakah Saya Mendapat \'Ralat Parse: Elemen JSX Bersebelahan Mesti Dibalut dalam Teg Terlampir\' dalam React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!