Dalam reaksi, elemen adalah unit bangunan terkecil, sebuah objek, bukan elemen DOM yang dapat didefinisikan dalam kode menggunakan jsx, dan sintaksnya adalah "elemen const =..."; ingin mengubah DOM, Anda hanya dapat membuat Elemen baru.
Lingkungan operasi tutorial ini: Sistem Windows 10, reaksi versi 17.0.1, komputer Dell G3.
Elemen
1.Elemen adalah unit bangunan terkecil dalam reaksi. Ini adalah objek, bukan DOM, dan biaya pembuatannya relatif rendah.
(1) Biasanya kita menggunakan JSX untuk mendefinisikan Elemen dalam kode:
const element = <h1>Halo dunia</h1>;(2) Gunakan ReactDOM.render untuk merender
ReactDOM.render( elemen, dokumen.getElementById('root') );2. Elemen yang sudah dibuat tidak dapat diubah, seperti bingkai dalam film. Jika Anda ingin mengubah tampilan DOM, Anda hanya dapat membuat Elemen baru.
3. React akan membandingkan kedua Elemen sebelum dan sesudah, dan hanya memperbarui konten yang perlu diperbarui.
Perluas pengetahuan Anda:
DOM maya
1. React tidak secara langsung membuat elemen DOM, namun membuat objek yang mirip dengan struktur DOM. Kemudian DOM yang sebenarnya dirender berdasarkan struktur ini, yaitu React DOM.
2. Bila ada perubahan, buat objek baru, bandingkan dengan struktur sebelumnya, dan catat perbedaan keduanya. Anda dapat melihat algoritma diff di sini.
3. DOM kemudian diperbarui berdasarkan perbedaan yang tercatat.
Elemen Reaksi
1. 'DOM' maya;
2. Esensi adalah objek yang tidak dapat diubah;
atribut type: Jika berupa string seperti 'h1', maka atribut tersebut mewakili node DOM, dan atribut propsnya adalah untuk atribut node DOM. Jika atribut type adalah komponen yang mewakili
fungsi atau kelas, itu mewakili sebuah komponen;
3. Kedua jenis ReactElement dapat disarangkan satu sama lain dan dicampur satu sama lain untuk mendeskripsikan pohon DOM;