Freecodecamp: [Beta] Pelajari Tentang Tag JSX yang Menutup Sendiri

Nama Tantangan

Pelajari Tentang Tag JSX yang Menutup Sendiri

Deskripsi masalah

Menghapus komentar dan menutup tag (melewatkan tag br pada upaya pertama gagal kemudian diperbaiki) dan kemudian upaya gagal tetapi kemudian item dirender pada halaman.

Gagal berasal dari: Elemen JSX yang disediakan harus dirender apa adanya ke simpul DOM dengan id simpul tantangan.
Item telah dirender di pratinjau saat menerima kesalahan ini.
Tampaknya itu dirender bukan dengan id challenge-node melainkan id root.

Kode yang ditambahkan: ReactDOM.render(JSX, document.getElementById('challenge-node'));
Tes lulus dan sekarang ditampilkan dua kali pada pratinjau.

Tantangan tersebut menyatakan:

Perbaiki kesalahan di editor kode sehingga menjadi JSX yang valid dan berhasil transparan. Pastikan Anda tidak mengubah konten apa pun - Anda hanya perlu menutup tag jika diperlukan.

Itu tidak menyebutkan perlu melampirkannya ke DOM dan sepertinya menunjukkan Anda hanya perlu menyesuaikan pemutusan garis dan garis horizontal.

Larutan:
Perlu menambahkan petunjuk untuk merender ke DOM dan menghapus pratinjau saat ini.
Atau perlu menyesuaikan pratinjau agar keluar dari challenge-node, bukan root id.
Atau ada solusi lain yang saat ini tidak dapat saya pikirkan.

Kode Anda

Failed:
const JSX = (
  <div>
    <h2>Welcome to React!</h2><br />
    <p>Be sure to close all tags!</p>
    <hr />
  </div>
);

Passed: 
const JSX = (
  <div>
    <h2>Welcome to React!</h2><br />
    <p>Be sure to close all tags!</p>
    <hr />
  </div>
);
ReactDOM.render(JSX, document.getElementById('challenge-node'));