apakah unsur tindak balas

WBOY
Lepaskan: 2022-06-27 17:24:39
asal
2063 orang telah melayarinya

Secara tindak balas, elemen ialah unit bangunan terkecil, objek, bukan elemen DOM boleh ditakrifkan dalam kod menggunakan jsx, dan sintaksnya ialah "elemen const =..."; adalah Ia tidak boleh diubah Jika anda ingin menukar DOM, anda hanya boleh mencipta Elemen baharu.

apakah unsur tindak balas

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Apakah unsur tindak balas

Elemen

1.Elemen ialah unit bangunan terkecil dalam tindak balas Ia adalah objek, bukan DOM kos penciptaan adalah agak Rendah.

(1) Biasanya kami menggunakan JSX untuk mentakrifkan Elemen dalam kod:

        const element = <h1>Hello, world</h1>;
Salin selepas log masuk

(2) Gunakan ReactDOM.render untuk memaparkan

        ReactDOM.render( element, document.getElementById(&#39;root&#39;) );
Salin selepas log masuk

2. Setelah Elemen dibuat, ia tidak boleh diubah Ia seperti bingkai dalam filem Jika anda ingin menukar paparan DOM, anda hanya boleh mencipta Elemen baharu.

3. React akan membandingkan dua Elemen sebelum dan selepas, dan hanya mengemas kini kandungan yang perlu dikemas kini.

Pengetahuan lanjutan:

DOM Maya

1 serupa dengan struktur DOM. Kemudian DOM sebenar diberikan berdasarkan struktur ini, iaitu React DOM.

2. Apabila terdapat perubahan, cipta objek baharu, bandingkan dengan struktur sebelumnya, dan rekodkan perbezaan antara kedua-duanya Anda boleh melihat algoritma perbezaan di sini.

3 Kemudian kemas kini DOM berdasarkan perbezaan yang direkodkan.

ReactElement

1.

2 >

atribut jenis: Jika ia ialah rentetan seperti 'h1', ia mewakili nod DOM dan atribut propnya adalah untuk atribut nod DOM Jika atribut jenis ialah fungsi

apakah unsur tindak balas mewakili komponen atau kelas, ia mewakili komponen; :

tutorial video javascript

bahagian hadapan web

Atas ialah kandungan terperinci apakah unsur tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!