Mengapa Komponen Reaksi Saya Memaparkan Dua Kali dalam Mod Ketat?

React Komponen Rendering Dua Kali dalam Mod Ketat

Dalam mod ketat, React dengan sengaja menggunakan dua kali fungsi pemaparan komponen untuk mengesan kesan sampingan yang berpotensi. Tingkah laku ini menjadi jelas dengan memaparkan komponen dua kali.

Dalam contoh kod yang disediakan, komponen Kemas kini dipaparkan dua kali kerana ia berjalan dalam mod ketat. Apabila anda mengulas keluar teg mod ketat dalam index.js, isu itu akan diselesaikan dan komponen itu dipaparkan sekali sahaja.

React.StrictMode ialah ciri mod pembangunan yang membantu mengenal pasti kesan sampingan yang tidak disengajakan dalam fasa pemaparan. Ia mencapai ini dengan mereplikasi fungsi pemaparan, yang boleh mendedahkan isu yang mungkin tidak disedari.

Menurut dokumentasi React, kesan sampingan yang tidak dijangka semasa pemaparan boleh disebabkan oleh:

• Memanggil Cangkuk di luar fungsi pemaparan komponen
• Membaca daripada DOM semasa render
• Mengakses ref yang dihantar kepada komponen semasa render
• memutasi keadaan dalam fungsi render
• mencetuskan perubahan keadaan pada komponen induk dari dalam fungsi render komponen

Atas ialah kandungan terperinci Mengapa Komponen Reaksi Saya Memaparkan Dua Kali dalam Mod Ketat?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!