Mengapa Mod Ketat dan useState Menyebabkan Render Berbilang Komponen?

Mengapakah useState Menyebabkan Komponen Memaparkan Berbilang Kali Semasa Kemas Kini?

Dalam coretan kod yang disediakan, komponen Apl dibalut dalam React.StrictMode, yang membolehkan mod ketat. Dalam mod ini, React dengan sengaja menggunakan pelbagai fungsi, termasuk:

• Badan komponen fungsi
• Fungsi yang dihantar kepada useState, useMemo atau useReducer

Dalam kes anda, fungsi chaneNumber digunakan dua kali kerana penggunaan useState. Setiap pemanggilan fungsi ini mencetuskan kemas kini keadaan, menyebabkan komponen dipaparkan semula.

Penyelesaian:

Elakkan membungkus komponen Apl dalam React.StrictMode. Ini akan menghalang seruan dua kali bagi fungsi menukar keadaan, menyebabkan komponen dipaparkan sekali sahaja semasa kemas kini.

Atas ialah kandungan terperinci Mengapa Mod Ketat dan useState Menyebabkan Render Berbilang Komponen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!