React : ReactDOM.render () I

ReactDOM.render () I

Mari kita periksa kode yang baru saja Anda tulis. Mulai di before.js, di jalur 5, terus ke kiri.

Anda dapat melihat sesuatu yang disebut ReactDOM. Apa itu?

ReactDOM adalah nama perpustakaan JavaScript. Perpustakaan ini berisi beberapa metode khusus Bereaksi, yang semuanya berhubungan dengan DOM dalam beberapa cara atau lainnya.

Kami akan membicarakan lebih lanjut tentang bagaimana ReactDOM masuk ke file Anda. Untuk saat ini, cukup pahami bahwa itu milik Anda untuk digunakan.

Bergerak sedikit ke kanan, dan Anda dapat melihat salah satu metode ReactDOM: ReactDOM.render ().

ReactDOM.render () adalah cara paling umum untuk merender JSX. Dibutuhkan ekspresi JSX, membuat pohon node DOM yang sesuai, dan menambahkan pohon itu ke DOM. Itulah cara untuk membuat ekspresi JSX muncul di layar.

Pindah ke kanan sedikit lagi, dan Anda sampai pada ungkapan ini:

<h1> Halo dunia </h1>

Ini adalah argumen pertama yang diteruskan ke ReactDOM.render (). Argumen pertama ReactDOM.render () harus berupa ekspresi JSX, dan akan ditampilkan di layar.

Kami akan membahas argumen kedua dalam latihan berikutnya!
Instruksi
1.

Pilih app.js.

Mulai dari saluran 5, panggil ReactDOM.render ().

Lewati ungkapan ini sebagai argumen pertama:

<h1> Render saya! </h1>

Berikan ekspresi ini sebagai argumen kedua:

document.getElementById ('app')


Jawab :
import React from 'react';
import ReactDOM from 'react-dom';

// Write code here:
ReactDOM.render(<h1>Render me!</h1>, document.getElementById('app'));