Adakah react spa?

React ialah mod Spa, iaitu, sarang komponen Kaedah utama menghantar parameter ialah: 1. Menghantar parameter kepada komponen di mana ia dipasang 2. Melepasi parameter daripada ibu bapa kepada anak, iaitu, menggunakan props atau ref untuk menghantar parameter ; menukar keadaan komponen kanak-kanak dengan menukar keadaan komponen awam 5. Melepasi antara saudara jauh Parameter, iaitu, lulus parameter melalui redux.

Persekitaran pengendalian tutorial ini: Sistem Windows 7, bertindak balas versi 18.0.0, komputer Dell G3.

Adakah React Spa?

react ialah mod SPA, iaitu component nesting Dalam aplikasi satu halaman, pemindahan nilai antara komponen adalah penting daripada parameter yang lulus adalah kira-kira seperti berikut:

1 Hantar parameter kepada komponen di mana ia dipasang

　ReactDOM.rander(<a name=&#39;a&#39; age={16}/>,app) Semasa membuat, hantar parameter terus ke komponen yang dipasang.

2. Lulus parameter ibu bapa-anak

Hantaran parameter ibu bapa-anak boleh dilakukan dalam dua cara: props dan ref ①, kaedah props digunakan untuk menghantar parameternya parameter sendiri dan menghantar status kepada prop melalui Subkomponen dan dipaparkan dalam subkomponen. ② Lulus parameter melalui rujukan Kaedah ini ialah selepas komponen anak menukar keadaannya sendiri melalui kaedahnya sendiri, komponen induk menukar parameter dengan mencetuskan kaedah komponen anak.

3. Menghantar parameter daripada anak kepada bapa

Komponen anak mengubah keadaan komponen induk dengan mencetuskan kaedah komponen induk

4 abang kepada abang

Terdapat dua jenis lulus parameter adik-beradik, satu adalah melalui promosi negeri, menukar keadaan komponen awam dan kemudian menukar keadaan sub-komponen, satu lagi adalah melalui parameter lulus ref, menukar keadaan asal.

5. Melepasi parameter antara saudara jauh

Menggunakan redux untuk membantu lulus parameter biasanya sesuai apabila terdapat banyak interaksi dengan projek Jika tiada interaksi, penggunaan redux akan meningkat bilangan projek. Kerumitan, jangan gunakan redux apabila anda tidak tahu sama ada untuk menggunakannya.

Pengenalan berkaitan:

Aplikasi web halaman tunggal (SPA) ialah aplikasi dengan hanya satu halaman Web Ia memuatkan satu halaman HTML dan aplikasi web yang dinamik mengemas kini halaman semasa pengguna berinteraksi dengan aplikasi.

—— "Baidu Encyclopedia"

Konsep SPA sudah lama wujud, tidak kira berapa banyak halaman laman web anda, saya akan meletakkannya menjadi satu halaman untuk anda.

SPA tidak memuat semula halaman, tetapi hanya melakukan kemas kini separa, kecuali anda perlu memuatkan keseluruhan halaman apabila anda membuka tapak web untuk kali pertama, semua lompatan berikutnya dalam tapak akan. tidak memuat semula halaman. Ia adalah untuk menyegarkan sebahagian halaman semasa untuk mencapai kesan penukaran halaman.

Bayangkan, andaikan tapak web pada asalnya memerlukan dua halaman a dan b, tetapi sekarang saya hanya membuat indeks, dan kemudian tulis semua serpihan html dua halaman a dan b ke dalam indeks, dan apabila memaparkan , nilaikan url semasa melalui js Jika ia adalah /a, saya hanya akan memaparkan serpihan html yang asalnya milik a, jika ia adalah /b, saya akan memaparkan serpihan html b.

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Adakah react spa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!