Mengapa Komponen Reaksi Saya Dipaparkan Dua Kali dalam Mod Ketat?

Mengapa Komponen Reaksi Saya Dipaparkan Dua Kali?

Soalan:

Komponen React ialah memberikan dua kali walaupun kelihatan berfungsi dengan betul. Pada mulanya, ia memaparkan nombor telefon dan mata sifar, diikuti dengan pemaparan kedua dengan semua data yang diperlukan. Apakah yang menyebabkan isu ini?

Jawapan:

Tingkah laku ini mungkin disebabkan oleh menjalankan aplikasi dalam mod ketat.

Mod ketat ialah bendera pilihan dalam React yang membantu mengenal pasti kesan sampingan yang berpotensi dalam fasa pemaparan. Apabila didayakan, ia sengaja memanggil fungsi tertentu dua kali, seperti kaedah pemaparan, untuk menyerlahkan sebarang akibat yang tidak diingini.

Dalam kes ini, pemaparan semula yang tidak dijangka disebabkan oleh penggunaan React.StrictMode, yang menggandakan seruan fungsi render. Untuk menyelesaikan isu ini, ulas teg mod ketat dalam index.js untuk melumpuhkannya semasa pembangunan.

Maklumat Tambahan:

React.StrictMode boleh membantu mengesan kesan sampingan dalam fasa pemaparan, seperti interaksi dengan DOM atau kemas kini keadaan. Dengan sengaja memanggil fungsi dua kali, ia menyerlahkan sebarang tingkah laku yang tidak dijangka yang mungkin diabaikan.

Dokumentasi rasmi untuk React.StrictMode memberikan lebih banyak maklumat tentang kemungkinan punca pemaparan semula dalam mod ketat:

https://reactjs.org/docs/strict-mode.html#detecting-unexpected-side-effects

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