Warum führen Strict Mode und useState dazu, dass mehrere Komponenten gerendert werden?

Warum führt useState dazu, dass die Komponente während eines Updates mehrmals gerendert wird?

Im bereitgestellten Codeausschnitt ist die App-Komponente in React.StrictMode eingeschlossen, was dies ermöglicht strenger Modus. In diesem Modus ruft React verschiedene Funktionen absichtlich doppelt auf, darunter:

• Funktionskomponentenkörper
• Funktionen, die an useState, useMemo oder useReducer übergeben werden

In Ihrem Fall wird die chaneNumber-Funktion aufgrund der Verwendung von useState doppelt aufgerufen. Jeder Aufruf dieser Funktion löst eine Statusaktualisierung aus, wodurch die Komponente erneut gerendert wird.

Lösung:

Vermeiden Sie das Einschließen der App-Komponente in React.StrictMode. Dadurch wird der doppelte Aufruf der Zustandsänderungsfunktion verhindert, was dazu führt, dass die Komponente während einer Aktualisierung nur einmal gerendert wird.

Das obige ist der detaillierte Inhalt vonWarum führen Strict Mode und useState dazu, dass mehrere Komponenten gerendert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!