In React 19 is de behandeling van onverwachte tags tijdens hydratatie aanzienlijk verbeterd, met name in hoe het interageert met scripts van derden en browservertensies. Hier zijn specifieke voorbeelden van hoe React 19 overgaat met onverwachte tags:
onverwachte tags overslaan
1. Hoofd- en lichaamselementen: wanneer React onverwachte tags tegenkomt in de `
` en `` secties van het document tijdens hydratatie, slaat het op intelligente wijze over deze tags in plaats van een hydratatie -mismatch -fout te activeren. Dit betekent dat als een script van derden elementen heeft ingevoegd die niet overeenkomen met de door de server gerenderde HTML, React niet zal proberen deze verschillen te verzoenen, waardoor potentiële fouten en verstoringen in het toepassingsproces [1] [4] worden vermeden.2. Het behoud van stylesheets: als React het hele document opnieuw moet weergeven vanwege een hydratatiemismatch die niet gerelateerd is aan wijzigingen van derden, zal het op zijn plaats van stylesheets die door die scripts zijn ingevoegd op zijn plaats achterlaten. Dit zorgt ervoor dat de visuele integriteit van de toepassing intact blijft, zelfs wanneer discrepanties worden gedetecteerd [2] [4].
3. Wijzigingen van derden afhandelen: eerder kunnen alle wijzigingen die door scripts van derden worden aangebracht, leiden tot hydratatiefouten, omdat React zou proberen de server-gerenderde HTML te verzoenen met de gewijzigde client-side HTML. In React 19 worden deze modificaties genegeerd tijdens hydratatie, waardoor de toepassing soepel kan blijven functioneren zonder te worden beïnvloed door externe veranderingen [1] [4].
Voorbeeldscenario
Overweeg een scenario waarbij een script van derden een `